bding 2 сар өмнө
parent
commit
a2826d3d9b

+ 4 - 4
pages.json

@@ -700,13 +700,13 @@
       },
       {
         "pagePath": "pages/material/material",
-        "text": "素材库",
-        "iconPath": "static/img/tab/index_ico.png",
-        "selectedIconPath": "static/img/tab/index_actico.png"
+        "text": "图表库",
+        "iconPath": "static/img/tab/chart_icon.png",
+        "selectedIconPath": "static/img/tab/chart_act.png"
       },
       {
         "pagePath": "pages/reportForm/reportForm",
-        "text": "深度研究",
+        "text": "产业库",
         "iconPath": "static/img/tab/report_ico.png",
         "selectedIconPath": "static/img/tab/report_actico.png"
       },

+ 25 - 18
pages/index/index.vue

@@ -83,7 +83,7 @@
                   <block v-if="['researchsummary', 'minutessummary', 'meetingreviewchapt', 'productinterior', 'reportselection'].includes(item.Source)">
                     <item-content :list="dataListItem(item)" @showMorningDialog="showMorningDialog" />
                   </block>
-                  <FiccReport v-if="item.Source === 'ficcreportxcx'"  :list="item.FiccReportXcx"  />
+                  <FiccReport v-if="item.Source === 'ficcreportxcx'" :list="item.FiccReportXcx" />
                 </view>
               </block>
             </view>
@@ -114,9 +114,6 @@
           <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/act_search.png" mode="" class="nodata_ico"></image>
           <text style="">暂无数据</text>
         </view>
-        <!-- <view v-if="newDataList.length === 4" class="bind-btn">
-        <view @click="goLogin"> 为了给您提供更好的使用体验,<br />请 <text class="login-text">登录</text>后再查看此页面内容</view>
-      </view> -->
         <morning-dlg v-if="isMorningShow" :isMorningShow.sync="isMorningShow" :morningItem.sync="morningItem" />
       </view>
       <suspenButton :show.sync="wholeShowListData.IsShow" v-if="wholeShowListData.IsShow" ref="suspenButton">
@@ -135,6 +132,9 @@
       <view v-if="showAudioBox">
         <audioModule :showAudioPop.sync="showAudioPop" />
       </view>
+      <view class="paly-list-image" v-if="playlistData.length > 0" @click="showAudioBoxPlayList">
+        <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/Joined_play_list.png"></image>
+      </view>
     </block>
   </page-meta>
 </template>
@@ -192,26 +192,16 @@ export default {
     },
     lableIsRows() {
       //处理标签的样式
-      // const numTags =.length;
       const rows = [this.dataListLable];
-
-      // if (numTags <= 4) {
-      //   rows.push(this.dataListLable);
-      // } else if (numTags > 4 && numTags <= 8) {
-      //   const firstRow = this.dataListLable.slice(0, 4);
-      //   const secondRow = this.dataListLable.slice(4);
-      //   rows.push(firstRow, secondRow);
-      // } else if (numTags >= 9) {
-      //   const firstRow = this.dataListLable.filter((_, index) => index % 2 === 0);
-      //   const secondRow = this.dataListLable.filter((_, index) => index % 2 !== 0);
-      //   rows.push(firstRow, secondRow);
-      // }
-
       return rows;
     },
     showAudioBox() {
       return this.$store.state.audioBg.parseIntShow;
     },
+    // 播放列表数据
+    playlistData() {
+      return this.$store.state.audioJoinPlaylist.playlist;
+    },
   },
   components: {
     ChartItem,
@@ -227,6 +217,11 @@ export default {
     FiccReport,
   },
   methods: {
+    showAudioBoxPlayList() {
+      this.$store.commit("audioBg/parseIntAudio", true);
+      this.showAudioPop = true;
+      uni.$emit("play-list-emit", {});
+    },
     // 获取最先数据
     async getNewList() {
       const res = await Home.getNewList({
@@ -702,4 +697,16 @@ export default {
     }
   }
 }
+.paly-list-image {
+  position: fixed;
+  right: 50rpx;
+  bottom: 85rpx;
+  z-index: 99;
+  width: 100rpx;
+  height: 100rpx;
+  image {
+    width: 100rpx;
+    height: 100rpx;
+  }
+}
 </style>

+ 86 - 324
pages/material/material.vue

@@ -2,19 +2,8 @@
   <view class="container Index-container">
     <view class="top-content-box">
       <search-bar @goSearch="goSearch" :searchTitle="searchPlaceholderList.SummarySearch" :width="70" />
-      <view class="top-tabs tabs-content-ul">
-        <block v-for="item in topTabBars" :key="item.Id">
-          <view v-if="item.IsShow" :class="['item', item.Id == topTabsActive && 'tabs-active']" @click="topTabsChange(item)">
-            {{ item.Name }}
-            <block v-if="(item.Id === 3 || item.Id === 5) && wholeShowListData.IsShowChart">
-              <image class="limit-img tabs-img" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/limit_icon.png" mode=""></image>
-            </block>
-            <view class="active" v-if="item.Id == topTabsActive"></view>
-          </view>
-        </block>
-      </view>
       <view class="tabs-content">
-        <view class="global_two_tabs" v-if="topTabsActive == '2' || topTabsActive == '3'">
+        <view class="global_two_tabs two_tabs">
           <view :class="['item', item.ChartPermissionId == secondActive && 'tabs-active']" v-for="(item, index) in secondBars" :key="item.ChartPermissionId" @click="handleClickTopSub(item)">
             {{ item.PermissionName }}
             <block v-if="wholeShowListData.IsShowResearch && index === secondBars.length - 1 && topTabsActive == '2'">
@@ -22,76 +11,43 @@
             </block>
             <view class="active" v-if="item.ChartPermissionId == secondActive"></view>
           </view>
-        </view>
-        <block v-if="topTabsActive == '3'">
-          <view class="children-ul" v-if="chartChildren.length">
-            <view :class="['chart-children', chartChildrenActive == item.CtagId ? 'children-active' : '']" v-for="item in chartChildren" :key="item.CtagId" @click="handleChartChildren(item)">{{
-              item.Name
-            }}</view>
-          </view>
-          <!-- 我的收藏滚动显示 -->
-          <view class="notice" @click="noticeBarHandler" v-if="secondActive==0">
-            <van-notice-bar
-              custom-class="custom-class-notice"
-              color="#E37318"
-              background="#FFF1E9"
-              text="如何定制自己的图表面板:在上方分栏下选择感兴趣的图表类别,点击标题查看大图,点亮☆收藏就可以在自己的图表首页可见。也可在报告中随时点☆收藏感兴趣的图表。"
-            />
-          </view>
-        </block>
-        <view v-if="topTabsActive == '4'" class="medium-ul">
-          <view class="global_two_tabs">
-            <view @click="mediumClickHandler(item)" :class="['item', item.isSelect && 'tabs-active']" v-for="item in mediumSelect" :key="item.value">
-              {{ item.name }}
-            </view>
-            <!-- 各种状态选择 -->
-            <view class="select-conyent" ref="select-conyent" style="margin-left: 20rpx">
-              <van-dropdown-menu active-color="#333333">
-                <van-dropdown-item id="industry" :title="chartPermissionName">
-                  <view class="menu-items">
-                    <view class="menu-items-box" v-for="item in listChartPermission" :key="item.ChartPermissionId" @click="overallClick(item)">
-                      <view class="items-box">
-                        <u-icon v-if="item.IsChoose" name="checkbox-mark" :color="'#376cbb'" size="24"></u-icon>
-                      </view>
-                      <text>{{ item.PermissionName }}</text>
-                    </view>
-                  </view>
-                  <view class="replacement">
-                    <text @click="replacementBtn" class="replacement-box">重置</text>
-                    <text @click="replacementConfirm">确定</text>
-                  </view>
-                </van-dropdown-item>
-              </van-dropdown-menu>
-            </view>
+          <view class="item special-item" @click="goSpecialHandler">
+            专题看板
+            <image class="limit-img tabs-img" src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/czbk/limit_icon.png" mode=""></image>
           </view>
         </view>
+        <view class="children-ul" v-if="chartChildren.length">
+          <view :class="['chart-children', chartChildrenActive == item.CtagId ? 'children-active' : '']" v-for="item in chartChildren" :key="item.CtagId" @click="handleChartChildren(item)">{{
+            item.Name
+          }}</view>
+        </view>
+        <!-- 我的收藏滚动显示 -->
+        <view class="notice" @click="noticeBarHandler" v-if="secondActive == 0">
+          <van-notice-bar
+            custom-class="custom-class-notice"
+            color="#E37318"
+            background="#FFF1E9"
+            text="如何定制自己的图表面板:在上方分栏下选择感兴趣的图表类别,点击标题查看大图,点亮☆收藏就可以在自己的图表首页可见。也可在报告中随时点☆收藏感兴趣的图表。"
+          />
+        </view>
       </view>
     </view>
     <block v-if="haveData">
       <view class="content-ul">
-        <block v-if="topTabsActive == 4">
-          <view style="width: 49%" v-for="item in roadshowPageList" :key="item.Id">
-            <RoadshowItem :list="item" @isCollectionHandeler="isCollectionHandeler" />
-          </view>
-        </block>
-        <block v-else>
-          <view class="report-ul" style="width: 49%">
-            <block v-for="(item, index) in dataList" :key="index">
-              <view v-if="index % 2 == 0">
-                <ChartItem v-if="topTabsActive == 3" :list="item" :isMyChartCollection="isMyChartCollection" @myChartIsTop="myChartIsTop" @myChartCollect="myChartCollect" />
-                <ReportItem v-if="topTabsActive == 2" :list="item" />
-              </view>
-            </block>
-          </view>
-          <view class="report-ul" style="width: 49%">
-            <block v-for="(item, index) in dataList" :key="index">
-              <view v-if="index % 2 !== 0">
-                <ChartItem v-if="topTabsActive == 3" :list="item" :isMyChartCollection="isMyChartCollection" @myChartIsTop="myChartIsTop" @myChartCollect="myChartCollect" />
-                <ReportItem v-if="topTabsActive == 2" :list="item" />
-              </view>
-            </block>
-          </view>
-        </block>
+        <view class="report-ul" style="width: 49%">
+          <block v-for="(item, index) in dataList" :key="index">
+            <view v-if="index % 2 == 0">
+              <ChartItem v-if="topTabsActive == 3" :list="item" :isMyChartCollection="isMyChartCollection" @myChartIsTop="myChartIsTop" @myChartCollect="myChartCollect" />
+            </view>
+          </block>
+        </view>
+        <view class="report-ul" style="width: 49%">
+          <block v-for="(item, index) in dataList" :key="index">
+            <view v-if="index % 2 !== 0">
+              <ChartItem v-if="topTabsActive == 3" :list="item" :isMyChartCollection="isMyChartCollection" @myChartIsTop="myChartIsTop" @myChartCollect="myChartCollect" />
+            </view>
+          </block>
+        </view>
       </view>
       <u-loadmore :status="status" icon-type="flower" :load-text="loadText" margin-top="20" v-if="pageNum > 1" />
     </block>
@@ -106,12 +62,6 @@
       </block>
     </view>
     <freeCharge class="free-charge" :isShowFreeBtn="isShowFree" />
-    <view v-if="showAudioBox">
-      <audioModule :showAudioPop.sync="showAudioPop" />
-    </view>
-    <view class="paly-list-image" v-if="topTabsActive == 4 && playlistData.length > 0" @click="showAudioBoxPlayList">
-      <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/new_cygx/Joined_play_list.png"></image>
-    </view>
     <Loading />
     <van-popup custom-class="custom-class-popup" :show="isNoticeBarShow" :close-on-click-overlay="false" @close="onCloseHandler">
       <view class="close-iocn">
@@ -132,16 +82,12 @@ import { Home, Reports, Chart, activity } from "@/config/api.js";
 import { Throttle, deepCopy } from "@/config/util.js";
 import freeCharge from "@/components/freeCharge";
 import SearchBar from "@/components/search-bar/searchBar.vue";
-import audioModule from "@/components/audioModule/index";
 import ChartItem from "@/components/ItemComponent/chartItem.vue";
-import ReportItem from "@/components/ItemComponent/reportItem.vue";
-import RoadshowItem from "@/components/ItemComponent/roadshowItem.vue";
 let app = getApp();
 export default {
   data() {
     return {
-      topTabBars: [],
-      topTabsActive: 2, //一级top的tabs
+      topTabsActive: 3, //一级top的tabs
       secondActive: "", //二级的tabs
       secondBars: [], //二级的tabs数组
       chartChildren: [], //二级的tabs下的标签
@@ -159,43 +105,21 @@ export default {
         loading: "加载中",
         nomore: "已经到底了",
       },
-      showTransition: false, //点击绝密后的隐现
       isBindingMobile: true, //图表我的收藏是否绑定手机号
-      videoContext: null,
-      shareSourceType: "", //通过分享单个音频点进页面时使用
-      shareSourceId: "", //通过分享单个视频点进页面时使用
-      roadshowPageList: [], //音频  视频 list
-      showAudioPop: false,
-      mediumActive: "",
-      mediumSelect: [
-        { name: "路演回放", value: 1, IsChoose: false },
-        { name: "问答系列", value: 2, IsChoose: false },
-        { name: "调研反馈", value: 3, IsChoose: false },
-      ],
-      listChartPermission: [], // 行业
-      chartPermissionName: "全行业",
-      chartPermissionIds: "",
       isNoticeBarShow: false,
     };
   },
   components: {
     freeCharge,
     ChartItem,
-    ReportItem,
-    RoadshowItem,
     SearchBar,
-    audioModule,
   },
   watch: {},
   onLoad(optios) {
-    this.getUserSearchContent();
-    this.getHeaderTab();
     if (optios.topTabsActive) {
       this.topTabsActive = optios.topTabsActive;
       this.secondActive = optios.secondActive;
       this.chartChildrenActive = optios.childrenActive;
-      this.shareSourceType = optios.SourceType;
-      this.shareSourceId = optios.SourceId;
     }
     this.getTabs();
     this.getReportList();
@@ -212,24 +136,9 @@ export default {
     this.$store.commit("audioBg/parseIntAudio", true);
   },
   computed: {
-    curVoiceId() {
-      //当前正在播放的音频id
-      return this.$store.state.audioBg.indexId;
-    },
-    curAudioPaused() {
-      //当前音频是否暂停状态
-      return this.$store.state.audioBg.paused;
-    },
-    showAudioBox() {
-      return this.$store.state.audioBg.parseIntShow;
-    },
     isMyChartCollection() {
       return this.topTabsActive == "3" && this.secondActive == 0;
     },
-    // 播放列表数据
-    playlistData() {
-      return this.$store.state.audioJoinPlaylist.playlist;
-    },
   },
   methods: {
     //点击顶部一级分类
@@ -247,8 +156,6 @@ export default {
       this.secondActive = "";
       this.pageNum = 1;
       this.dataList = [];
-      this.shareSourceId = "";
-      this.shareSourceType = "";
       uni.pageScrollTo({
         scrollTop: 0,
         duration: 0,
@@ -292,20 +199,6 @@ export default {
       this.chartChildrenActive = item.CtagId;
       this.initData();
     },
-    // 点击为路演的筛选
-    mediumClickHandler(item) {
-      this.shareSourceType = "";
-      this.shareSourceId = "";
-      item.isSelect = !item.isSelect;
-      let arr = [];
-      this.mediumSelect.forEach((key) => {
-        if (key.isSelect) {
-          arr.push(key.value);
-        }
-      });
-      this.mediumActive = arr.join(",");
-      this.initData();
-    },
     //点击
     initData() {
       this.pageNum = 1;
@@ -345,112 +238,30 @@ export default {
     },
     /* 获取列表 */
     async getReportList() {
-      if (this.topTabsActive == "3" && this.secondActive == 0) {
-        const res = await Chart.getChartcollection({
-          PageSize: this.pageSize,
-          CurrentIndex: this.pageNum,
-        });
-        if (res.Ret === 200) {
-          this.status = this.pageNum < res.Data.Paging.Pages ? "loadmore" : "nomore";
-          this.isBindingMobile = res.Data.IsBindingMobile;
-          if (this.pageNum === 1) {
-            this.dataList = res.Data.List || [];
-            this.haveData = this.dataList.length > 0 ? true : false;
-          } else {
-            this.dataList = this.dataList.concat(res.Data.List);
-          }
-        }
-      } else if (this.topTabsActive == 4) {
-        const res = await Home.microRoadshowList({
-          PageSize: this.pageSize,
-          CurrentIndex: this.pageNum,
-          SourceId: this.shareSourceId,
-          SourceType: this.shareSourceType,
-          ChartPermissionIds: this.chartPermissionIds,
-          SearchType: this.mediumActive,
-        });
-        if (res.Ret === 200) {
-          this.status = this.pageNum < res.Data.Paging.Pages ? "loadmore" : "nomore";
-          if (this.pageNum == 1) {
-            this.roadshowPageList = res.Data.List || [];
-            this.haveData = this.roadshowPageList.length > 0 ? true : false;
-            if (this.refresh) {
-              uni.stopPullDownRefresh();
-              this.refresh = false;
-            }
-          } else {
-            this.roadshowPageList = this.roadshowPageList.concat(res.Data.List);
-          }
-        }
-      } else {
-        const res = await Home.getList({
-          PageSize: this.pageSize,
-          CurrentIndex: this.pageNum,
-          ChartPermissionId: this.secondActive,
-          CtagId: this.chartChildrenActive,
-          ListType: this.topTabsActive,
-        });
-        if (res.Ret === 200) {
-          this.processingData(res);
-        }
-      }
-    },
-    //处理数据
-    processingData(res) {
-      if (!res.Data.HaveResearch) {
-        this.$util.modalShow("", "您暂无查看买方研选权限", "", () => {
-          uni.reLaunch({
-            url: "/pages/index/index",
+      let myChart = this.topTabsActive == "3" && this.secondActive == 0;
+
+      const res = myChart
+        ? await Chart.getChartcollection({
+            PageSize: this.pageSize,
+            CurrentIndex: this.pageNum,
+          })
+        : await Home.getList({
+            PageSize: this.pageSize,
+            CurrentIndex: this.pageNum,
+            ChartPermissionId: this.secondActive,
+            CtagId: this.chartChildrenActive,
+            ListType: this.topTabsActive,
           });
-        });
-      }
-      this.status = this.pageNum < res.Data.Paging.Pages ? "loadmore" : "nomore";
-      res.Data.List &&
-        res.Data.List.forEach((item) => {
-          if (item.BodyHtml) {
-            item.BodyHtml = item.BodyHtml.replace(/'\'/g, "");
-          }
-        });
-      if (this.topTabsActive == "2") {
+
+      if (res.Ret === 200) {
+        this.status = this.pageNum < res.Data.Paging.Pages ? "loadmore" : "nomore";
+        let isDataList = myChart ? res.Data.List || [] : res.Data.ChartList || [];
         if (this.pageNum === 1) {
-          this.dataList = res.Data.List || [];
+          this.dataList = isDataList;
           this.haveData = this.dataList.length ? true : false;
         } else {
-          this.dataList = this.dataList.concat(res.Data.List);
+          this.dataList = this.dataList.concat(isDataList);
         }
-      } else {
-        if (this.pageNum === 1) {
-          this.haveData = res.Data.List ? true : res.Data.ChartList ? true : false;
-        }
-        if (!res.Data.List) {
-          this.dataList = this.dataList.concat(res.Data.ChartList);
-        } else if (!res.Data.ChartList) {
-          this.dataList = this.dataList.concat(res.Data.List);
-        } else {
-          this.dataList.push(res.Data.List.shift());
-          let newArr = [];
-          let newArrTwo = [];
-          for (let i = 0; i < res.Data.List.length; i += 2) {
-            newArr.push(res.Data.List.slice(i, i + 2));
-          }
-          for (let i = 0; i < res.Data.ChartList.length; i += 2) {
-            newArrTwo.push(res.Data.ChartList.slice(i, i + 2));
-          }
-          let arr = [];
-          newArr.forEach((item, index) => {
-            if (newArrTwo[index]) {
-              arr.push(newArrTwo[index], item);
-            } else {
-              arr.push(item);
-            }
-          });
-          this.dataList = this.dataList.concat(arr.flat(Infinity));
-        }
-      }
-
-      if (this.refresh) {
-        uni.stopPullDownRefresh();
-        this.refresh = false;
       }
     },
     //我的收藏的删除
@@ -503,80 +314,6 @@ export default {
         },
       });
     },
-    //获取顶部导航
-    async getHeaderTab() {
-      const res = await Home.headerTab();
-      if (res.Ret === 200) {
-        this.topTabBars = res.Data || [];
-      }
-    },
-    // 微路演收藏
-    async isCollectionHandeler(item) {
-      await this.$store.dispatch("showLoginModal");
-      const res = await Home.microRoadshowCollect({
-        SourceId: item.SourceId,
-        SourceType: item.Type,
-        PageRouter: this.$store.state.pageRouterReport,
-      });
-      if (res.Ret === 200) {
-        let index = this.roadshowPageList.findIndex((key) => key.SourceId == item.SourceId && key.Type == item.Type);
-        res.Data.Status == 1 ? this.$set(this.roadshowPageList[index], "IsCollect", true) : this.$set(this.roadshowPageList[index], "IsCollect", false);
-        uni.showToast({
-          title: res.Msg,
-          duration: 2000,
-        });
-      }
-    },
-    // 选择的选中事件
-    overallClick(item) {
-      item.IsChoose = !item.IsChoose;
-    },
-    // 下拉的选择的重置事件
-    replacementBtn() {
-      this.page_no = 1;
-      this.chartPermissionIds = "";
-      this.listChartPermission.map((item) => (item.IsChoose = false));
-      this.chartPermissionName = "全行业";
-      this.initData();
-    },
-    // 下拉选择的确定事件
-    replacementConfirm() {
-      this.page_no = 1;
-      const arr = [];
-      const str = [];
-      this.listChartPermission.forEach((key) => {
-        if (key.IsChoose) {
-          arr.push(key.ChartPermissionId);
-          str.push(key.PermissionName);
-        }
-      });
-      if (str.length == this.listChartPermission.length || str.length <= 0) {
-        this.chartPermissionName = "全行业";
-      } else {
-        this.chartPermissionName = str.join(",");
-      }
-      this.chartPermissionIds = arr.join(",");
-      this.initData();
-      this.selectComponent("#industry").toggle(false);
-    },
-    // 获取权限、所有的行业
-    async getUserSearchContent() {
-      const res = await Reports.permissionNoyx({});
-      if (res.Ret === 200) {
-        this.listChartPermission =
-          res.Data.List.map((item) => {
-            return {
-              ...item,
-              IsChoose: false,
-            };
-          }) || [];
-      }
-    },
-    showAudioBoxPlayList() {
-      this.$store.commit("audioBg/parseIntAudio", true);
-      this.showAudioPop = true;
-      uni.$emit("play-list-emit", {});
-    },
     // 点击了图表下的滚动条
     noticeBarHandler() {
       this.isNoticeBarShow = true;
@@ -585,6 +322,12 @@ export default {
     onCloseHandler() {
       this.isNoticeBarShow = false;
     },
+    // 精选看板的点击事件
+    goSpecialHandler() {
+      uni.navigateTo({
+        url: "/reportPages/selectedBulletin/selectedBulletin",
+      });
+    },
   },
   onHide() {
     this.$store.commit("audioBg/parseIntAudio", false);
@@ -597,8 +340,6 @@ export default {
   },
   /* 下拉刷新 */
   onPullDownRefresh: Throttle(function () {
-    this.shareSourceId = "";
-    this.shareSourceType = "";
     this.status = "loadmore";
     this.refresh = true;
     this.dataList = [];
@@ -625,7 +366,7 @@ export default {
       };
     } else {
       return {
-        title: this.isHorzMobile ? "好友向您推荐此内容,上传名片享查研观向免费月卡!" : "素材库",
+        title: this.isHorzMobile ? "好友向您推荐此内容,上传名片享查研观向免费月卡!" : "图表库",
         path: "/pages/material/material?topTabsActive=" + this.topTabsActive + "&secondActive=" + this.secondActive + "&childrenActive=" + this.chartChildrenActive,
         success: (res) => {},
         fail: (err) => {},
@@ -675,12 +416,7 @@ export default {
         padding-bottom: 8rpx;
         flex: 1;
         flex-shrink: 0;
-        .limit-img {
-          position: absolute;
-          top: -20rpx;
-          right: -30rpx;
-          z-index: 99;
-        }
+
         .active {
           position: absolute;
           left: 50%;
@@ -696,6 +432,12 @@ export default {
         color: $uni-color-new;
         font-weight: 500;
       }
+      .limit-img {
+        position: absolute;
+        top: -20rpx;
+        right: -30rpx;
+        z-index: 99;
+      }
     }
   }
   .tabs-content-ul {
@@ -727,6 +469,26 @@ export default {
       font-size: 24rpx;
       border-radius: 100rpx;
     }
+    .two_tabs {
+      height: auto;
+      flex-wrap: wrap;
+      overflow-x: hidden;
+      padding: 10rpx 30rpx 20rpx;
+      .item {
+        margin-top: 10rpx;
+      }
+      .special-item {
+        position: relative;
+        background-color: #376cbb;
+        color: #fff;
+        .limit-img {
+          position: absolute;
+          top: -8rpx;
+          right: -12rpx;
+          z-index: 99;
+        }
+      }
+    }
   }
 
   .tabs-img {

BIN
static/img/tab/chart_act.png


BIN
static/img/tab/chart_icon.png


BIN
static/img/tab/index_actico.png


BIN
static/img/tab/index_ico.png