优化

ghsApp/src/admin/custom/selectCustom.vue

@@ -13,10 +13,11 @@
             <div class="tui-msg-item" style="position:relative;">
               <div class="tui-msg-name">
                 <div class="tui-user-name">
-                  {{ item.name }}
+                  <text class="tui-user-name__text">{{ item.name }}</text>
+                  <text v-if="item.pt == 1" class="pt-recommend">平台推荐</text>
                   <text v-if="item.level == 2" class="super-man">大客</text>
                   <text v-if="item.level == 9" class="cost-man">成本</text>
-                  <text v-if="item.level == 0" class="ls-man">零售</text>
+                  <view v-if="item.level == 0" class="ls-man"></view>
                 </div>
               </div>
               <div class="tui-msg-content">
@@ -297,39 +298,60 @@ export default {
     line-height: 1;
     color: #262b3a;
     .tui-user-name {
+      display: flex;
+      align-items: center;
+      flex-wrap: nowrap;
       overflow: hidden;
-      text-overflow: ellipsis;
-      white-space: nowrap;
-      width: 500upx;
+      max-width: 500upx;
+      line-height: 1;
       font-size: 32upx;
+      .tui-user-name__text {
+        flex-shrink: 1;
+        min-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        font-size: 32upx;
+      }
       .super-man{
-        margin-left:30upx;
+        margin-left:20upx;
         font-size:24upx;
-        display:inline-block;
+        flex-shrink: 0;
         color:white;
         border:1upx solid green;
-        padding:6upx 10upx;
+        padding:8upx 10upx;
         background-color: green;
         border-radius: 11upx;
+        line-height: 1.2;
       }
       .cost-man{
-        margin-left:30upx;
+        margin-left:20upx;
         font-size:24upx;
-        display:inline-block;
+        flex-shrink: 0;
         color:white;
         border:1upx solid red;
-        padding:6upx 10upx;
+        padding:8upx 10upx;
         background-color: red;
         border-radius: 11upx;
+        line-height: 1.2;
       }
       .ls-man{
-        margin-left:30upx;
-        font-size:24upx;
-        display:inline-block;
-        color:#6f756f;
-        border:1upx solid #6f756f;
-        padding:6upx 10upx;
-        border-radius: 11upx;
+        margin-left:20upx;
+        flex-shrink: 0;
+        width: 28upx;
+        height: 28upx;
+        border-radius: 50%;
+        background-color:#3385FF;
+        border:1upx solid #3385FF;
+        box-sizing: border-box;
+      }
+      .pt-recommend {
+        margin-left: 10upx;
+        font-size: 24upx;
+        color: #3385FF;
+        font-weight: normal;
+        flex-shrink: 0;
+        line-height: 1.2;
       }
     }
   }

ghsApp/src/admin/home/member.vue

@@ -36,7 +36,7 @@
                   <text v-if="item.pt == 1" class="pt-recommend">平台推荐</text>
                   <text v-if="item.level == 2" class="super-man">大客</text>
                   <text v-if="item.level == 9" class="cost-man">成本</text>
-                  <text v-if="item.level == 0" class="ls-man">零售</text>
+                  <view v-if="item.level == 0" class="ls-man"></view>
                 </view>
               </view>
               <view class="tui-msg-content">
@@ -715,14 +715,13 @@ export default {
       }
       .ls-man{
         margin-left:20upx;
-        font-size:24upx;
         flex-shrink: 0;
-        color:white;
-        border:1upx solid #6b9fec;
-        background-color:#6b9fec;
-        padding:8upx 10upx;
-        border-radius: 11upx;
-        line-height: 1.2;
+        width: 28upx;
+        height: 28upx;
+        border-radius: 50%;
+        background-color:#3385FF;
+        border:1upx solid #3385FF;
+        box-sizing: border-box;
       }
       .pt-recommend {
         margin-left: 10upx;