更新头像样式

src/store/modules/user.js

@@ -70,7 +70,9 @@ const actions = {
       })
     })
   },
-
+  setAvatar({commit}, url) {
+    commit('SET_AVATAR', url)
+  },
   // get user info
   getInfo({ commit, state }) {
     return new Promise((resolve, reject) => {

src/views/profile/userAvatar.vue

@@ -14,7 +14,12 @@
       :before-upload="beforeAvatarUpload"
       :data="dataObj"
     >
-      <el-image v-if="options.img" :src="options.img" class="avatar" />
+      <el-image
+        v-if="options.img"
+        :src="options.img"
+        class="avatar"
+        fit="cover"
+      />
       <i v-else class="el-icon-plus avatar-uploader-icon"></i>
     </el-upload>
     <!-- <el-dialog :title="title" :visible.sync="open" width="800px">
@@ -171,6 +176,7 @@ export default {
       uploadAvatar({ avatar: url }).then(response => {
         if (response.code === 200) {
           this.options.img = url;
+          store.dispatch("user/setAvatar", url);
           this.msgSuccess("修改成功");
         } else {
           this.msgError(response.msg);
@@ -222,6 +228,7 @@ export default {
             this.open = false;
             this.options.img =
               process.env.VUE_APP_BASE_API + "/" + response.data;
+
             this.msgSuccess("修改成功");
           } else {
             this.msgError(response.msg);
@@ -242,5 +249,7 @@ export default {
 .avatar {
   border-radius: 50%;
   overflow: hidden;
+  width: 120px !important;
+  height: 120px !important;
 }
 </style>

web/static/web/css/chunk-3f4d73d6.46f226f8.css

@@ -0,0 +1 @@
+.avatar{border-radius:50%;overflow:hidden;width:120px!important;height:120px!important}

web/static/web/css/chunk-3f4d73d6.99e44bad.css

@@ -1 +0,0 @@
-.avatar{border-radius:50%;overflow:hidden}