标签

store/src/admin/home/member.vue

@@ -11,9 +11,19 @@
       itemWidth="25%"
     />
     <!-- list -->
-    <view style="padding:0 3px 10px 3px;">
+    <view style="padding:0 8px 10px 8px;" v-if="showMoreUser">
 
-<span style="border:1px solid #BBBBBB;padding:0 4px 0 4px;border-radius:8px;color:#BBBBBB;">恋人(8567)</span>
+<span class="user_tag">恋人(867)</span>
+<span class="user_tag">学生(50)</span>
+<span class="user_tag">准婚(150)</span>
+<span class="user_tag">同行(30)</span>
+<span class="user_tag">常买散花(837)</span>
+<span class="user_tag">企业客户(66)</span>
+<span class="user_tag">生日送过(43)</span>
+<span class="user_tag">酒店(28)</span>
+<span class="user_tag">影楼(10)</span>
+<span class="user_tag">开花艺课(42)</span>
+<span class="user_tag">学员(711)</span>
 
     </view>
     <block v-if="!$util.isEmpty(list.data)">
@@ -95,6 +105,7 @@ export default {
   data() {
     return {
       tabIndex: 0,
+      showMoreUser:false,
       tabs: [
         {
           name: "全部",
@@ -158,9 +169,16 @@ export default {
       if (this.tabIndex == e.index) {
         return false;
       } else {
-        this.tabIndex = e.index;
-        this.resetList();
-        this._list();
+        if(e.index == 3){
+          this.showMoreUser = true;
+          this.tabIndex = e.index;
+        }else{
+          this.showMoreUser = false;
+          this.tabIndex = e.index;
+          this.resetList();
+          this._list();
+        }
+
       }
     },
     // 跳转
@@ -287,4 +305,13 @@ export default {
   justify-content: space-between;
   align-items: center;
 }
+.user_tag{
+  border:1px solid #CCCCCC;
+  padding:2px 10px 2px 10px;
+  border-radius:22px;
+  color:#BBBBBB;
+  margin-right:10px;
+  margin-bottom:12px;
+  display:inline-block;
+}
 </style>

store/src/admin/member/detail.vue

@@ -87,13 +87,14 @@
 
     <!-- 标签 -->
 
-    <div class="module-com remark-wrap" v-if="!$util.isEmpty(data.orderList)">
-      <div class="app-blod">标签</div>
+    <div class="module-com remark-wrap">
+      <div class="app-blod"><span>标签</span><i class="iconfont icontianjiakehu" style="float:right;"></i></div>
       <div class="list-wrap">
-<span style="border:1px solid #BBBBBB;padding:0 4px 0 4px;border-radius:8px;color:#BBBBBB;">恋人</span>
-      <span style="border:1px solid #BBBBBB;padding:0 4px 0 4px;border-radius:8px;color:#BBBBBB;">学员</span>
-      
-      <span style="border:1px solid #BBBBBB;padding:0 4px 0 4px;border-radius:8px;color:#BBBBBB;">+</span>
+
+    <span class="user_tag">常买散花</span>
+    <span class="user_tag">企业客户</span>
+    <span class="user_tag">生日送过</span>
+    
 
       </div>
     </div>
@@ -674,4 +675,13 @@ export default {
     color: $fontColor3;
   }
 }
+.user_tag{
+  border:1px solid #CCCCCC;
+  padding:2px 10px 2px 10px;
+  border-radius:22px;
+  color:#BBBBBB;
+  margin-right:10px;
+  margin-bottom:12px;
+  display:inline-block;
+}
 </style>