用户中心样式修改

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,16 +54,25 @@ 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;
 
+        .el-avatar {
+            display: block;
+            width: 100%;
+            height: 200px;
+
             i {
                 line-height: 180px;
                 font-size: 150px;
             }
         }
+    }
 
     .user-info {
         padding-left: 0;