10.8 提测

config/modules/Home.js

@@ -44,5 +44,12 @@ export const Home = {
   bannerHistory: (params) => {
     return postHttp("/banner/add/history", params, 0);
   },
-  
+  /* 获取标签列表 */
+  homeTagListCustom: (params) => {
+    return getHttp("/tag/list/custom", params, 0);
+  },
+  /* 标签记录点击信息 */
+  tagAddHistory: (params) => {
+    return postHttp("/tag/add/history", params, 0);
+  },
 };

pages/index/index.vue

@@ -31,10 +31,13 @@
           </view>
         </swiper>
       </view>
-      <view class="lable-select-content" :style="{ 'background-color': isScrollNumber >= 175 ? '#fff' : '#f5f6fa', 'box-shadow': isScrollNumber >= 175 ? '0px 8rpx 8rpx -8rpx rgba(0, 0, 0, 0.16)' : '' }">
+      <view
+        class="lable-select-content"
+        :style="{ 'background-color': isScrollNumber >= 175 ? '#fff' : '#f5f6fa', 'box-shadow': isScrollNumber >= 175 ? '0px 8rpx 8rpx -8rpx rgba(0, 0, 0, 0.16)' : '' }"
+      >
         <view class="lable-row" v-for="(item, index) in lableIsRows" :key="index">
-          <view :class="['lable-item', lable.isAct && 'item-active']" v-for="lable in item" :key="lable.key" @click="lableKeysHandler(lable)">
-            {{ lable.name }}
+          <view :class="['lable-item', lable.isAct && 'item-active']" v-for="lable in item" :key="lable.TagId" @click="lableKeysHandler(lable)">
+            {{ lable.TagName }}
           </view>
         </view>
       </view>
@@ -129,43 +132,20 @@ export default {
       showVideoPopUp: false, //
       videoPopListUp: {},
       isScrollNumber: 0,
-      dataListLable: [
-        {
-          name: "上拉加载更多",
-          key: 2,
-          isAct: false,
-        },
-        {
-          name: "加载中",
-          key: 3,
-          isAct: false,
-        },
-        {
-          name: "已经到底了",
-          key: 1,
-          isAct: false,
-        },
-        {
-          name: "正在下拉",
-          key: 5,
-          isAct: false,
-        },
-        {
-          name: "正在下拉1",
-          key: 51,
-          isAct: false,
-        },
-      ],
+      dataListLable: [], // 标签的数据
+      actIdLable: "", // 标签选择后的ID
     };
   },
   computed: {
     bannerClass() {
+      //判断banner的样式
       return this.bannerDataList.length > 0 && this.isScrollNumber < 235;
     },
     bannerPosition() {
       return this.bannerDataList.length > 0;
     },
     lableIsRows() {
+      //处理标签的样式
       const numTags = this.dataListLable.length;
       const rows = [];
 
@@ -201,6 +181,7 @@ export default {
       const res = await Home.getNewList({
         PageSize: this.pageSize,
         CurrentIndex: this.page_no,
+        TagIds: this.actIdLable,
       });
       if (res.Ret === 200) {
         this.status = !res.Data.Paging.IsEnd ? "loadmore" : "nomore";
@@ -334,14 +315,27 @@ export default {
           });
       }
     },
-    lableKeysHandler(item) {
+    async lableKeysHandler(item) {
+      const res = await Home.tagAddHistory({
+        TagId: item.TagId,
+      });
       let actId = [];
-      item.isAct = !item.isAct;
+      this.$set(item, "isAct", !item.isAct);
       this.lableIsRows.forEach((item) => {
         item.forEach((_) => {
-          _.isAct && actId.push(_.key);
+          _.isAct && actId.push(_.TagId);
         });
       });
+      this.page_no = 1;
+      this.actIdLable = actId.join(",");
+      this.getNewList();
+    },
+    // 或者标签内容
+    async homeTagListCustom() {
+      const res = await Home.homeTagListCustom();
+      if (res.Ret === 200) {
+        this.dataListLable = res.Data || [];
+      }
     },
   },
   mounted() {
@@ -353,6 +347,7 @@ export default {
   onLoad() {
     this.getBannerList();
     this.getNewList();
+    this.homeTagListCustom();
   },
   onShow() {
     this.getUserInfo();