From e23ac32e5a51b6586bed258e920f3757409e9a6a Mon Sep 17 00:00:00 2001
From: ronger <ronger-x@outlook.com>
Date: Tue, 23 Feb 2021 16:36:52 +0800
Subject: [PATCH] =?UTF-8?q?:lipstick:=20=E4=BF=AE=E6=94=B9=E4=B8=AA?=
 =?UTF-8?q?=E4=BA=BA=E4=B8=AD=E5=BF=83=E5=A2=99=E7=BA=B8=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                            |  2 +-
 components/layouts/pc/main.vue       |  4 ++--
 layouts/default.vue                  |  2 +-
 pages/admin/bank-accounts.vue        |  2 +-
 pages/admin/banks.vue                |  2 +-
 pages/admin/roles.vue                |  2 +-
 pages/admin/tag/post/_tag_id.vue     |  2 +-
 pages/admin/tags.vue                 |  2 +-
 pages/admin/topic/_topic_uri.vue     |  2 +-
 pages/admin/topic/bind/_topic_id.vue |  2 +-
 pages/admin/topic/post/_topic_id.vue |  2 +-
 pages/admin/topics.vue               |  2 +-
 pages/admin/users.vue                |  7 +++++--
 pages/article/_article_id.vue        |  2 +-
 pages/draft/_draft_id.vue            |  2 +-
 pages/user/_nickname.vue             | 19 +++++++++++++++++--
 16 files changed, 37 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index 4d1ee5c..a2a9689 100644
--- a/README.md
+++ b/README.md
@@ -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).
diff --git a/components/layouts/pc/main.vue b/components/layouts/pc/main.vue
index ea32cd9..919ffef 100644
--- a/components/layouts/pc/main.vue
+++ b/components/layouts/pc/main.vue
@@ -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;
diff --git a/layouts/default.vue b/layouts/default.vue
index fd9d72e..e3f9856 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -146,7 +146,7 @@ p {
 
 .wrapper {
   max-width: 980px;
-  margin: 0 auto;
+  margin: 20px auto;
   display: block;
   padding-left: 1rem;
   padding-right: 1rem;
diff --git a/pages/admin/bank-accounts.vue b/pages/admin/bank-accounts.vue
index 2ae608d..e698cda 100644
--- a/pages/admin/bank-accounts.vue
+++ b/pages/admin/bank-accounts.vue
@@ -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>
diff --git a/pages/admin/banks.vue b/pages/admin/banks.vue
index 54e4345..e1241af 100644
--- a/pages/admin/banks.vue
+++ b/pages/admin/banks.vue
@@ -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>
diff --git a/pages/admin/roles.vue b/pages/admin/roles.vue
index 0f9c51c..6453bfa 100644
--- a/pages/admin/roles.vue
+++ b/pages/admin/roles.vue
@@ -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>
diff --git a/pages/admin/tag/post/_tag_id.vue b/pages/admin/tag/post/_tag_id.vue
index 5077328..6305370 100644
--- a/pages/admin/tag/post/_tag_id.vue
+++ b/pages/admin/tag/post/_tag_id.vue
@@ -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>
diff --git a/pages/admin/tags.vue b/pages/admin/tags.vue
index 3495d3c..3a93572 100644
--- a/pages/admin/tags.vue
+++ b/pages/admin/tags.vue
@@ -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>
diff --git a/pages/admin/topic/_topic_uri.vue b/pages/admin/topic/_topic_uri.vue
index eeb928d..bc9c279 100644
--- a/pages/admin/topic/_topic_uri.vue
+++ b/pages/admin/topic/_topic_uri.vue
@@ -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>
diff --git a/pages/admin/topic/bind/_topic_id.vue b/pages/admin/topic/bind/_topic_id.vue
index 0794258..cb8aed1 100644
--- a/pages/admin/topic/bind/_topic_id.vue
+++ b/pages/admin/topic/bind/_topic_id.vue
@@ -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">
diff --git a/pages/admin/topic/post/_topic_id.vue b/pages/admin/topic/post/_topic_id.vue
index c42dc61..2784ee5 100644
--- a/pages/admin/topic/post/_topic_id.vue
+++ b/pages/admin/topic/post/_topic_id.vue
@@ -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>
diff --git a/pages/admin/topics.vue b/pages/admin/topics.vue
index 9686cb1..1f83ba9 100644
--- a/pages/admin/topics.vue
+++ b/pages/admin/topics.vue
@@ -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>
diff --git a/pages/admin/users.vue b/pages/admin/users.vue
index c78d73d..09c2174 100644
--- a/pages/admin/users.vue
+++ b/pages/admin/users.vue
@@ -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() {
diff --git a/pages/article/_article_id.vue b/pages/article/_article_id.vue
index 5e876a2..5741d01 100644
--- a/pages/article/_article_id.vue
+++ b/pages/article/_article_id.vue
@@ -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;
diff --git a/pages/draft/_draft_id.vue b/pages/draft/_draft_id.vue
index ef31003..74fd8d8 100644
--- a/pages/draft/_draft_id.vue
+++ b/pages/draft/_draft_id.vue
@@ -165,7 +165,7 @@
 
   .article__wrapper {
     max-width: 980px;
-    margin: 0 auto;
+    margin: 20px auto;
     display: block;
     padding-left: 1rem;
     padding-right: 1rem;
diff --git a/pages/user/_nickname.vue b/pages/user/_nickname.vue
index 85e22bb..f55dd96 100644
--- a/pages/user/_nickname.vue
+++ b/pages/user/_nickname.vue
@@ -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: {