首页增加提示类tab,B类指标页优化,我的-增加业务员日常工作统计

src/views/home/hintTabPage.vue

@@ -1,40 +1,24 @@
 <template>
   <div class="hintTabPage">
     <div class="itemTab">
-      <div class="itemTitle">拜访(实时)</div>
-      <van-row>
-        <van-col span="6">
-          <span class="label">可控店：</span>
-        </van-col>
-        <van-col span="12">
-          <span class="label">本月拜访率：</span>
-          <span>90%</span>
-        </van-col>
-        <van-col span="6" style="color: red">
-          <span class="label">未拜访：</span>
-          <span>2家</span>
-        </van-col>
-      </van-row>
-      <van-row>
-        <van-col span="6">
-          <span class="label">金牌店：</span>
-        </van-col>
-        <van-col span="12">
-          <span class="label">本月拜访率：</span>
-          <span>90%</span>
-        </van-col>
-        <van-col span="6" style="color: red">
-          <span class="label">未拜访：</span>
-          <span>2家</span>
-        </van-col>
-      </van-row>
+      <van-collapse v-model="activeNames">
+        <van-collapse-item name="1">
+          <template #title>
+            <div class="itemTitle">
+              拜访（实时）<img class="hintIcon" :src="require('@/assets/hintIcon.png')" />
+            </div>
+          </template>
+        </van-collapse-item>
+      </van-collapse>
     </div>
   </div>
 </template>
 <script>
 export default {
   data() {
-    return {};
+    return {
+      activeNames: ['1'],
+    };
   },
 };
 </script>
@@ -46,15 +30,16 @@ export default {
     padding: 10px;
     margin-bottom: 10px;
     .itemTitle {
-      color: #1e5398;
+      color: #0057ba;
       font-weight: 500;
       font-size: 16px;
       padding: 10px 0;
-    }
-    .van-row {
-      font-size: 14px;
-      color: #666;
-      padding: 5px 0;
+      display: flex;
+      align-items: center;
+      .hintIcon {
+        width: 16px;
+        height: 16px;
+      }
     }
   }
 }