样式优化

src/views/user/modules/Info.vue

@@ -2,7 +2,9 @@
 <template>
   <div class="user-info">
     <van-icon name="setting-o" class="user__set" @click="toUserSetting()" />
-    <image-pic width="50" height="50" round :src="userInfo.avatar" />
+    <div class="userImg">
+      <img :src="userInfo.avatar">
+    </div>
     <div class="main">
       <div class="main__title">
         <h3 class="name">{{ userInfo.nickname }}</h3>
@@ -56,6 +58,13 @@ export default {
   padding: 60px 24px 50px 24px;
   background: $red;
   border-radius: 100% 100% 100% 100% / 0% 0% 16% 16%;
+  .userImg {
+    img {
+      width: 100px;
+      height: 100px;
+      border-radius: 50%;
+    }
+  }
   .user__set {
     position: absolute;
     top: 20px;

src/views/userSetting/index.vue

@@ -5,13 +5,7 @@
       <van-cell title="头像" class="cell_middle">
         <van-uploader :after-read="afterRead">
           <div class="user_avatar_upload">
-            <image-pic
-              v-if="userInfo.avatar"
-              width="50"
-              height="50"
-              round
-              :src="userInfo.avatar"
-            />
+            <img v-if="userInfo.avatar" :src="userInfo.avatar">
             <van-icon v-else class-prefix="iconfont" name="camera" />
           </div>
         </van-uploader>
@@ -41,11 +35,7 @@
         is-link
         @click="showBirthday = true"
       />
-      <van-cell
-        title="密码设置"
-        to="/userSetting/password"
-        is-link
-      />
+      <van-cell title="密码设置" to="/userSetting/password" is-link />
       <van-cell
         title="手机号"
         to="/userSetting/mobile"
@@ -157,15 +147,15 @@ export default {
 <style lang="scss" scoped>
 .user_information {
   .user_avatar_upload {
-    position: relative;
-    top: 10px;
     width: 100px;
     height: 100px;
-    border: 1px solid #e5e5e5;
-    border-radius: 50%;
     img {
-      max-width: 100%;
-      max-height: 100%;
+      width: 100px;
+      height: 100px;
+      border-radius: 50%;
+      // 设置图片垂直居中
+      display: inline-block;
+      vertical-align: middle;
     }
     i {
       position: absolute;

vue.config.js

@@ -39,6 +39,18 @@ module.exports = {
       alias: {
         '@': resolve('src')
       }
+    },
+    // 打包配置
+    performance: {
+      hints: 'warning',
+      // 入口起点的最大体积 整数类型（以字节为单位）
+      maxEntrypointSize: 50000000,
+      // 生成文件的最大体积 整数类型（以字节为单位 300k）
+      maxAssetSize: 30000000,
+      // 只给出 js 文件的性能提示
+      assetFilter: function(assetFilename) {
+        return assetFilename.endsWith('.js')
+      }
     }
   },
   chainWebpack(config) {