peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄 修改个人中心墙纸展示方式

Browse Source
This commit is contained in:
ronger 2021-02-23 16:36:52 +08:00
parent ecba7403b8
commit e23ac32e5a
16 changed files with 37 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -70,7 +70,7 @@ $ npm generate
4. 项目目录下执行 `npm install`
5. 执行 `npm install pm2 -g`
6. 执行 `pm2 list` 检查 `pm2` 是否安装好
7. 执行 `pm2 start npm --name "nebula" -- run start --watch`
7. 执行 `pm2 start npm --name nebula -- run start`
For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).

4
components/layouts/pc/main.vue
View File

@ -83,14 +83,14 @@
<style scoped>
.el-header {
padding-bottom: 1rem;
/*padding-bottom: 1rem;*/
background: #fff;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
z-index: 80;
}
.el-main {
padding: 20px 0;
padding: 0;
background-attachment: fixed;
min-height: 87.5vh;
overflow-x: hidden;

2
layouts/default.vue
View File

@ -146,7 +146,7 @@ p {
.wrapper {
max-width: 980px;
margin: 0 auto;
margin: 20px auto;
display: block;
padding-left: 1rem;
padding-right: 1rem;

2
pages/admin/bank-accounts.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin/dashboard' }">首页</el-breadcrumb-item>

2
pages/admin/banks.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin/dashboard' }">首页</el-breadcrumb-item>

2
pages/admin/roles.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin/dashboard' }">首页</el-breadcrumb-item>

2
pages/admin/tag/post/_tag_id.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>

2
pages/admin/tags.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>

2
pages/admin/topic/_topic_uri.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>

2
pages/admin/topic/bind/_topic_id.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col>
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">

2
pages/admin/topic/post/_topic_id.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>

2
pages/admin/topics.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row :gutter="8">
<el-row :gutter="8" style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin' }">首页</el-breadcrumb-item>

7
pages/admin/users.vue
View File

@ -1,5 +1,5 @@
<template>
<el-row>
<el-row style="margin-top: 20px;">
<el-col style="margin-bottom: 1rem;">
<el-breadcrumb separator-class="el-icon-arrow-right">
<el-breadcrumb-item :to="{ path: '/admin/dashboard' }">首页</el-breadcrumb-item>
@ -29,7 +29,7 @@
width="180"
prop="nickname">
<template slot-scope="scope">
<el-link rel="nofollow" type="primary" @click="onRouter('user', scope.row.nickname)" :underline="false">
<el-link type="primary" :href="getUserPath(scope.row.nickname)" :underline="false">
{{ scope.row.nickname }}
</el-link>
</template>
@ -213,6 +213,9 @@ export default {
_ts.$set(_ts, 'idRole', 0);
}
})
},
getUserPath(nickname) {
return `/user/${nickname}`
}
},
mounted() {

2
pages/article/_article_id.vue
View File

@ -406,7 +406,7 @@ export default {
.article__wrapper {
max-width: 980px;
margin: 0 auto;
margin: 20px auto;
display: block;
padding-left: 1rem;
padding-right: 1rem;

2
pages/draft/_draft_id.vue
View File

@ -165,7 +165,7 @@
.article__wrapper {
max-width: 980px;
margin: 0 auto;
margin: 20px auto;
display: block;
padding-left: 1rem;
padding-right: 1rem;

19
pages/user/_nickname.vue
View File

@ -5,7 +5,7 @@
<div v-if="user.userHomeBImgURL" class="card-header"
:style="{backgroundImage:'url('+user.userHomeBImgURL+')', backgroundSize:'percentage', backgroundPosition:'50%'}"></div>
<div v-else class="card-header"
:style="{backgroundImage:'url(https://static.rymcu.com/article/1574441651963.jpg)', backgroundSize:'cover', backgroundPosition:'50%'}"></div>
:style="{backgroundImage:'url(' + backgroundImage + ')', backgroundSize:'800px auto', backgroundPosition:'50%'}"></div>
<div class="card-body text-center">
<img v-if="user.avatarUrl" class="card-profile-img-avatar" :src="user.avatarUrl">
<img v-else class="card-profile-img" src="https://static.rymcu.com/article/1578475481946.png">
@ -78,6 +78,12 @@ import {mapState} from 'vuex';
import ArticleList from "~/components/archive/list";
import PortfolioList from "~/components/common/portfolio/list";
import UserList from "~/components/common/user/list";
import designTools from "~/static/banner/design-tools.jpg"
import asteroids from "~/static/banner/asteroids.jpg"
import isoMetropolis from "~/static/banner/isometropolis.jpg"
import naranjas from "~/static/banner/naranjas.png"
import retroFurnish from "~/static/banner/retro-furnish.png"
import science from "~/static/banner/science.png"
export default {
name: "User",
@ -145,7 +151,16 @@ export default {
data() {
return {
activeTab: this.$route.query.tab || '0',
isFollow: false
isFollow: false,
backgroundImage: designTools,
backgroundImages: [
designTools,
asteroids,
isoMetropolis,
naranjas,
retroFurnish,
science
]
}
},
methods: {