个人中心头像

pages/user/index.vue

@@ -4,8 +4,9 @@
         <view class="info-box">
             <image src="@/static/user/user_back.png" mode="aspectFill" />
             <view class="user-flex">
-				<image class="cover" @click="onBtn('Setting', {})" :src="userInfo.avatar || require('@/static/user/cover.png')"
-					mode="aspectFill" />
+                <image class="cover" @click="onBtn('Setting', {})"
+                    :src="userInfo.avatar || require('@/static/user/cover.png')" mode="aspectFill" />
+
                 <view class="user-content">
                     <view class="name">{{ userInfo.nickname }}</view>
                     <view class="tabs">
@@ -14,7 +15,8 @@
                         </view>
                     </view>
                     <view class="chainAddress" v-if="userInfo.addr">
-						<text @click="copy(userInfo.addr)">区块地址:{{userInfo.addr.substring(0,5) + '****' + userInfo.addr.substring(userInfo.addr.length - 5)}}</text>
+                        <text
+                            @click="copy(userInfo.addr)">区块地址:{{userInfo.addr.substring(0,5) + '****' + userInfo.addr.substring(userInfo.addr.length - 5)}}</text>
                     </view>
                 </view>
             </view>
@@ -113,7 +115,8 @@
                     <view class="wordsCont-title">导出助记词</view>
                     <view class="wordsCont-tips">请务必抄下助记词并存在安全的地方，若助记词丢失，重装或换设备登录时将无法查看历史消息！若助记词被他人获取，将可能获取你的信息！</view>
                     <view class="wordsCont-text">{{mnemonic}}</view>
-					<image class="wordsCont-close" @click="wordsShow = false" src="@/static/icon/userCloes.png" mode="widthFix"></image>
+                    <image class="wordsCont-close" @click="wordsShow = false" src="@/static/icon/userCloes.png"
+                        mode="widthFix"></image>
                 </view>
             </slot>
         </u-modal>
@@ -205,7 +208,9 @@
                     key: 'isnew',
                     success: () => {
                         this.$store.commit('setToken', '');
-						this.$Router.replaceAll({name: 'Auth'})
+                        this.$Router.replaceAll({
+                            name: 'Auth'
+                        })
                     }
                 })
             },
@@ -349,6 +354,7 @@
                 border: solid 6rpx white;
                 box-sizing: border-box;
                 z-index: 100;
+                background-color: #fff;
             }
 
             .user-content {
@@ -379,8 +385,10 @@
                     font-size: $title-size + 8;
                     @extend .nowrap;
                 }
+
                 .tabs {
                     padding-top: 10rpx;
+
                     &-item {
                         background: rgba($color: #000000, $alpha: 0.3);
                         font-size: $title-size-sm - 4;
@@ -490,6 +498,7 @@
             border-radius: $radius;
             padding: $padding;
             box-sizing: border-box;
+
             .title {
                 font-size: $title-size-lg;
 
@@ -501,10 +510,12 @@
                     margin-bottom: 2rpx;
                 }
             }
+
             .num {
                 font-weight: bold;
                 font-size: $title-size + 10;
                 padding: $padding/3 0 0;
+
                 text {
                     font-size: 70%;
                     padding-left: 10rpx;
@@ -553,6 +564,7 @@
             }
         }
     }
+
     /* 助记词弹框 */
     .wordsCont {
         width: 100%;