From 9de574cebafc0ddd97bc6f5a75a395161f9e8bfe Mon Sep 17 00:00:00 2001
From: x ronger <ronger-x@outlook.com>
Date: Mon, 14 Sep 2020 20:59:56 +0800
Subject: [PATCH] =?UTF-8?q?:art:=20=E5=A4=B4=E5=83=8F=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/user/_nickname.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/pages/user/_nickname.vue b/pages/user/_nickname.vue
index 6d2e21b..0a457f1 100644
--- a/pages/user/_nickname.vue
+++ b/pages/user/_nickname.vue
@@ -7,7 +7,7 @@
         <div v-else class="card-header"
              :style="{backgroundImage:'url(https://static.rymcu.com/article/1574441651963.jpg)', backgroundSize:'cover', backgroundPosition:'50%'}"></div>
         <div class="card-body text-center">
-          <img v-if="user.avatarUrl" class="card-profile-img" :src="user.avatarUrl">
+          <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">
           <h3 class="mb-3">{{ user.nickname }}</h3>
           <p class="mb-4" v-html="user.signature"></p>
@@ -127,6 +127,7 @@ export default {
   },
   mounted() {
     let _ts = this;
+    this.$store.commit('setActiveMenu', 'user')
     if (_ts.oauth) {
       _ts.$axios.$get('/api/follow/is-follow', {
         params: {
@@ -202,8 +203,19 @@ body {
 }
 
 .card-profile-img {
-  max-width: 6rem;
-  margin-top: -5rem;
+  max-width: 16rem;
+  margin-top: -7rem;
+  margin-bottom: 1rem;
+  border: 3px solid #fff;
+  border-radius: 100%;
+  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  background-color: #ffffff;
+}
+
+.card-profile-img-avatar {
+  max-width: 16rem;
+  height: auto;
+  margin-top: -10rem;
   margin-bottom: 1rem;
   border: 3px solid #fff;
   border-radius: 100%;