7 字变小

pages/reportForm/reportForm.vue

@@ -63,7 +63,7 @@
         </view>
       </view>
       <view v-if="labelListData.length" :class="[labelListData.length > 9 ? 'label-content-column' : 'label-content']">
-        <view @click="strategyLabelHadel(item)" class="item text_oneLine" v-for="item in labelListData" :key="item.Id"> {{ item.Stock }} </view>
+        <view @click="strategyLabelHadel(item)" :class="['item', item.Stock.length > 6 && 'item-size', 'text_oneLine']" v-for="item in labelListData" :key="item.ArticleId"> {{ item.Stock }} </view>
       </view>
       <!-- 产业报告 -->
       <view class="industry">
@@ -263,7 +263,7 @@ export default {
             ChartPermissionId: Number(this.tabAct_id),
           });
         }
-        this.getHomeStockName()
+        this.getHomeStockName();
       });
     },
     //获取二级事件
@@ -280,13 +280,14 @@ export default {
     toggleTab(item, index) {
       this.strategyIndex = index;
       this.deepCoverFocus = [];
+      this.labelListData = [];
       if (this.tabAct_id !== item.ChartPermissionId) {
         this.tabAct_id = item.ChartPermissionId;
         this.$store.dispatch("statistics", {
           PageType: "Report",
           ChartPermissionId: Number(this.tabAct_id),
         });
-        this.getHomeStockName()
+        this.getHomeStockName();
         this.pageNum = 1;
         uni.pageScrollTo({
           scrollTop: 0,
@@ -502,7 +503,7 @@ export default {
     // 获取产业下的标签
     async getHomeStockName() {
       const res = await Reports.getHomeStockName({
-        ChartPermissionId: this.tabAct_id
+        ChartPermissionId: this.tabAct_id,
       });
       if (res.Ret === 200) {
         this.labelListData = res.Data.List || [];
@@ -703,6 +704,11 @@ export default {
     background: #f5f5f5;
     box-shadow: 0px 2rpx 9rpx 0rpx rgba(0, 0, 0, 0.16), inset 0rpx 4rpx 4rpx 0rpx rgba(255, 255, 255, 0.49);
     border-radius: 65rpx;
+    font-size: 26rpx;
+  }
+  .label-content .item,
+  .label-content-column .item-size {
+    font-size: 24rpx;
   }
 }
 .content-intimate {