茶友钱包地址颜色

src/views/mine/index.vue

@@ -16,7 +16,7 @@
           <div class="flex-row">
             <span
               :class="[
-                userinfo.is_super == 1
+                userinfo.is_super == 1 && userinfo.direct_super.direct_super <  userinfo.direct_super.one
                   ? 'text_3 level1'
                   : userinfo.direct_super.direct_super >= userinfo.direct_super.one && userinfo.direct_super.direct_super < userinfo.direct_super.two
                   ? 'text_3 level2'

src/views/mine/myTeaFriends.vue

@@ -24,10 +24,23 @@
               <div class="box">
                 <div class="box_item">
                   <span class="mobile">{{ item.phone || item.nickname }}</span>
-                  <span class="address"
-                    >{{ $t('lang35') }} {{ item.address.slice(0, 6) + '****' + item.address.slice(item.address.length - 6, item.address.length)
-                    }}<img src="@/assets/images/trade/copy.png" alt="" class="copys" @click="copy(item.address)" :data-clipboard-text="item.address"
-                  /></span>
+                  <div class="f-row">
+                    <span
+                      :class="[
+                        item.is_super == 1 && item.direct_super < direct_super.one
+                          ? 'address level1'
+                          : item.direct_super >= direct_super.one && item.direct_super < direct_super.two
+                          ? 'address level2'
+                          : item.direct_super >= direct_super.two
+                          ? 'address level3'
+                          : 'address',
+                      ]"
+                    >
+                      {{ $t('lang35') }} {{ item.address.slice(0, 6) + '****' + item.address.slice(item.address.length - 6, item.address.length) }}
+                    </span>
+                    <img src="@/assets/images/trade/copy.png" alt="" class="copys" @click="copy(item.address)" :data-clipboard-text="item.address" />
+                  </div>
+
                   <span class="key">{{ $t('lang96') }}{{ dateFormatFn(item.create_time) }}</span>
                 </div>
               </div>
@@ -53,10 +66,15 @@ export default {
       nickname: '',
       assets: 0,
       list: [],
+      direct_super: {
+        one: 0,
+        two: 0,
+      },
     };
   },
   mounted() {
     this.getChaList();
+    this.direct_super = JSON.parse(localStorage.getItem('userinfo')).direct_super;
   },
   methods: {
     //返回上一页
@@ -173,6 +191,10 @@ export default {
   display: flex;
   flex-direction: column;
 }
+.f-row {
+  display: flex;
+  align-items: center;
+}
 .assets {
   height: 100vh;
   overflow: auto;
@@ -292,6 +314,24 @@ export default {
             color: #000;
             font-weight: 550;
           }
+          .level1 {
+            color: #8b4513 !important;
+            border-radius: 6px;
+            padding: 2px 6px;
+            background-color: #000;
+          }
+          .level2 {
+            color: silver !important;
+            border-radius: 10px;
+            padding: 2px 6px;
+            background-color: #000;
+          }
+          .level3 {
+            color: gold !important;
+            border-radius: 10px;
+            padding: 2px 6px;
+            background-color: #000;
+          }
         }
       }
     }