feat:订阅列表，vip【开通】改为v标识

apps/mobile/src/components/subscribe/SubscribeMoreFilters.vue

@@ -4,7 +4,7 @@
       <JCell class="more-filter-item" title="金额">
         <template #title v-if="disabledFilters">
           <span class="mr-6">金额</span>
-          <van-tag plain round type="danger" @click="onNoPower">开通</van-tag>
+          <span class="v-vip-icon" @click="onNoPower"></span>
         </template>
         <template #label>
           <MoneyGroupCustomInput
@@ -25,7 +25,7 @@
       >
         <template #title v-if="disabledFilters">
           <span class="mr-6">采购单位类型</span>
-          <van-tag plain round type="danger">开通</van-tag>
+          <span class="v-vip-icon"></span>
         </template>
       </van-cell>
       <van-cell
@@ -39,7 +39,7 @@
       >
         <template #title v-if="disabledFilters">
           <span class="mr-6">关键词</span>
-          <van-tag plain round type="danger">开通</van-tag>
+          <span class="v-vip-icon"></span>
         </template>
       </van-cell>
       <van-cell
@@ -53,13 +53,13 @@
       >
         <template #title v-if="disabledFilters">
           <span class="mr-6">公告类型</span>
-          <van-tag plain round type="danger">开通</van-tag>
+          <span class="v-vip-icon"></span>
         </template>
       </van-cell>
       <JCell class="more-filter-item" title="附件">
         <template #title v-if="disabledFilters">
           <span class="mr-6">附件</span>
-          <van-tag plain round type="danger" @click="onNoPower">开通</van-tag>
+          <span class="v-vip-icon" @click="onNoPower"></span>
         </template>
         <template #label>
           <CheckboxGroup
@@ -73,7 +73,7 @@
       <JCell class="more-filter-item" title="查看状态">
         <template #title v-if="disabledFilters">
           <span class="mr-6">查看状态</span>
-          <van-tag plain round type="danger" @click="onNoPower">开通</van-tag>
+          <span class="v-vip-icon" @click="onNoPower"></span>
         </template>
         <template #label>
           <CheckboxGroup
@@ -621,4 +621,13 @@ export default {
     border-bottom: 1px solid $border_color_3;
   }
 }
+.v-vip-icon{
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  margin-left: 2px;
+  background: url(@/assets/image/icon/vip/v_icon.png) no-repeat center;
+  background-size: contain;
+  margin-bottom: 2px;
+}
 </style>

apps/mobile/src/ui/drop-filter/index.vue

@@ -28,6 +28,10 @@
               }"
             >
               <span>{{ option.menu.title }}</span>
+              <slot
+                v-if="option.menu.slot"
+                :name="option.menu.slot"
+                :option="option"></slot>
               <div v-if="option.menu.tag" class="jy-tag">
                 {{ option.menu.tag }}
               </div>
@@ -405,6 +409,8 @@ export default {
       }
     }
     &-title {
+      display: flex;
+      align-items: center;
       font-weight: 500;
       font-size: 14px;
       &.selected {

apps/mobile/src/views/tabbar/Subscribe.vue

@@ -71,6 +71,9 @@
         @confirm="onFilterConfirm"
         @cancel="onFilterCancel"
       >
+        <template #vipIcon>
+          <span class="v-vip-icon"></span>
+        </template>
         <template v-slot:more>
           <SubscribeMoreFilters
             :disabledFilters="disabledFilters"
@@ -764,7 +767,7 @@ export default {
           },
           menu: {
             title: '地区',
-            tag: '开通',
+            slot: 'vipIcon',
             hooks: {
               click: this.dropdownMenuItemClick
             }
@@ -788,7 +791,7 @@ export default {
           },
           menu: {
             title: '行业',
-            tag: '开通',
+            slot: 'vipIcon',
             hooks: {
               click: this.dropdownMenuItemClick
             }
@@ -1414,7 +1417,7 @@ export default {
       // area dropdownItem禁用
       this.dropFilterOptions[1].props.disabled = p
       // dropdownItem禁用标签
-      this.dropFilterOptions[1].menu.tag = p ? '开通' : ''
+      // this.dropFilterOptions[1].menu.tag = p ? '开通' : ''
       this.dropFilterOptions[1].menu.hooks.click = p
         ? this.dropdownMenuItemClick
         : this.noop
@@ -1424,7 +1427,7 @@ export default {
       // industry dropdownItem禁用
       this.dropFilterOptions[2].props.disabled = p
       // dropdownItem禁用标签
-      this.dropFilterOptions[2].menu.tag = p ? '开通' : ''
+      // this.dropFilterOptions[2].menu.tag = p ? '开通' : ''
       this.dropFilterOptions[2].menu.hooks.click = p
         ? this.dropdownMenuItemClick
         : this.noop
@@ -3136,4 +3139,12 @@ export default {
 .mt-24 {
   margin-top: 24px;
 }
+.v-vip-icon{
+  display: inline-block;
+  width: 14px;
+  height: 14px;
+  margin-left: 2px;
+  background: url(@/assets/image/icon/vip/v_icon.png) no-repeat center;
+  background-size: contain;
+}
 </style>