From 76b6bcc6db49e4631638c7a834d014c18567a9fd Mon Sep 17 00:00:00 2001
From: toesbieya <1647775459@qq.com>
Date: Fri, 21 Aug 2020 11:37:35 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=B8=AD=E5=BF=83=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../view/userCenter/component/UserCard.vue    | 23 ++++++++++++++-----
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/vue/src/view/userCenter/component/UserCard.vue b/vue/src/view/userCenter/component/UserCard.vue
index f1943da..2903141 100644
--- a/vue/src/view/userCenter/component/UserCard.vue
+++ b/vue/src/view/userCenter/component/UserCard.vue
@@ -1,6 +1,8 @@
 <template>
     <el-card class="user-card" header="个人信息">
-        <el-avatar :size="200" :src="avatar" icon="el-icon-user-solid" @click.native="uploadAvatarDialog=true"/>
+        <div class="avatar-container" title="点击上传头像" @click="uploadAvatarDialog=true">
+            <el-avatar :src="avatar" icon="el-icon-user-solid"/>
+        </div>
 
         <ul class="user-info">
             <li>
@@ -52,14 +54,23 @@ export default {
 
 <style lang="scss">
 .user-card {
-    .el-avatar {
+    .avatar-container {
+        position: relative;
         margin: 0 auto;
-        display: block;
+        width: 200px;
+        box-shadow: rgb(204, 204, 204) 0 0 4px;
+        border-radius: 50%;
         cursor: pointer;
 
-        i {
-            line-height: 180px;
-            font-size: 150px;
+        .el-avatar {
+            display: block;
+            width: 100%;
+            height: 200px;
+
+            i {
+                line-height: 180px;
+                font-size: 150px;
+            }
         }
     }