没有地址时。等级效果作用在uid

src/views/mine/index.vue

@@ -10,10 +10,29 @@
         <div class="flex-col">
           <span class="text_1">{{ userinfo.heading }}</span>
           <div class="flex-row">
-            <span class="text_2">Uid：{{ userinfo.nickname }}</span>
+            <span
+              :class="[
+                userinfo.direct_super.address_level == 1 && !userinfo.address
+                  ? 'text_2 level1'
+                  : userinfo.direct_super.address_level == 2 && !userinfo.address
+                  ? 'text_2 level2'
+                  : userinfo.direct_super.address_level == 3 && !userinfo.address
+                  ? 'text_2 level3'
+                  : userinfo.direct_super.address_level == 4 && !userinfo.address
+                  ? 'text_2 level4'
+                  : userinfo.direct_super.address_level >= 5 && !userinfo.address
+                  ? 'text_2 level5'
+                  : 'text_2',
+              ]"
+              >Uid：{{ userinfo.nickname }}</span
+            >
             <span class="coin" v-if="userinfo.is_ecology == 1">
               <img src="@/assets/images/coin.png" alt="" />
             </span>
+            <div class="vip" v-if="!userinfo.address && userinfo.team_level_id > 0">
+              <img src="@/assets/images/v.png" alt="" />
+              <span>{{ userinfo.team_level_id }}</span>
+            </div>
             <img src="@/assets/images/trade/copy.png" alt="" class="copys" @click="copy" :data-clipboard-text="this.userinfo.nickname" />
           </div>
           <div class="flex-row" v-if="userinfo.address">
@@ -35,7 +54,7 @@
             >
 
             <div class="vip" v-if="userinfo.team_level_id > 0">
-              <img src="@/assets/images/v.png" alt="" @click="copy" :data-clipboard-text="this.userinfo.nickname" />
+              <img src="@/assets/images/v.png" alt="" />
               <span>{{ userinfo.team_level_id }}</span>
             </div>
 
@@ -415,15 +434,15 @@ export default {
     },
     copy() {
       // if (this.userinfo.address) {
-        var clipboard = new Clipboard('.copys');
-        clipboard.on('success', e => {
-          this.$toast(this.$t('lang45'));
-          clipboard.destroy(); // 释放内存
-        });
-        clipboard.on('error', e => {
-          this.$toast(this.$t('lang46'));
-          clipboard.destroy(); // 释放内存
-        });
+      var clipboard = new Clipboard('.copys');
+      clipboard.on('success', e => {
+        this.$toast(this.$t('lang45'));
+        clipboard.destroy(); // 释放内存
+      });
+      clipboard.on('error', e => {
+        this.$toast(this.$t('lang46'));
+        clipboard.destroy(); // 释放内存
+      });
       // }
     },
     navigatorTo(router) {
@@ -553,7 +572,7 @@ export default {
     .text_2 {
       color: rgba(#000, 0.6);
       font-size: 13px;
-      padding-top: 3px;
+      margin-top: 3px;
     }
     .text_3 {
       color: rgba(#000, 0.6);