个人中心头像

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>
@@ -133,21 +136,21 @@
             return {
                 cardText: [],
                 userInfo: {
-					nickname	: '',
-					addr		: '',
-					avatar		: '',
-					isOpenVip	: '',
+                    nickname: '',
+                    addr: '',
+                    avatar: '',
+                    isOpenVip: '',
                 },
-				identity : {
+                identity: {
                     button_cover_url: '',
-					cover_url		: '',
-					identity_text	: ''
+                    cover_url: '',
+                    identity_text: ''
                 },
-				account	 : {
-					glz	: 0.00,
-					dt	: 0.00
+                account: {
+                    glz: 0.00,
+                    dt: 0.00
                 },
-				mnemonic : '',
+                mnemonic: '',
                 wordsShow: false
             };
         },
@@ -165,10 +168,10 @@
                         });
                         this.cardText = res.identity_array
                         this.userInfo = {
-						nickname	: res.nickname,
-						addr		: res.addr,
-						avatar		: res.avatar,
-						isOpenVip	: res.is_open_vip,
+                            nickname: res.nickname,
+                            addr: res.addr,
+                            avatar: res.avatar,
+                            isOpenVip: res.is_open_vip,
                         }
                         this.identity = res.identity
                         this.account = res.account
@@ -181,14 +184,14 @@
                     });
             },
             // 导出助记词
-			onMnemonic(){
+            onMnemonic() {
                 chainSeed().then(res => {
                     this.mnemonic = res.seed
                     this.wordsShow = true
                 }).catch(err => {
                     uni.showToast({
                         title: err.message,
-						icon : 'none'
+                        icon: 'none'
                     })
                 })
             },
@@ -203,9 +206,11 @@
             logOut() {
                 uni.removeStorage({
                     key: 'isnew',
-					success: () =>{
+                    success: () => {
                         this.$store.commit('setToken', '');
-						this.$Router.replaceAll({name: 'Auth'})
+                        this.$Router.replaceAll({
+                            name: 'Auth'
+                        })
                     }
                 })
             },
@@ -237,7 +242,7 @@
                     }
                 });
             },
-			updateApp(){
+            updateApp() {
                 uni.showLoading({
                     title: '检查更新'
                 })
@@ -245,7 +250,7 @@
                 // 获取系统版本号
                 getVersions({
                     platform: plus.os.name,
-				    version	: plus.runtime.version
+                    version: plus.runtime.version
                 }).then(res => {
                     uni.hideLoading()
                     if (res.update) {
@@ -290,9 +295,9 @@
                         return
                     }
                     uni.showModal({
-						title		: "提示",
-						content		: "当前已是最新版本",
-						showCancel	: false,
+                        title: "提示",
+                        content: "当前已是最新版本",
+                        showCancel: false,
                     })
                 }).catch(err => {
                     uni.showToast({
@@ -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%;