加载更多

zhiyangdu
1 parent 80fe482e
Showing 1 changed file with 28 additions and 17 deletions
src/pages/newDaren/newDaren.vue
@@ -43,11 +43,10 @@
                 }">
         </text-title-box>
         <div class="item_box">
-            <div
-                infinite-scroll-immediate-check="true"
-                v-infinite-scroll="getNewDynamicList"
-                infinite-scroll-disabled="loading"
-                :infinite-scroll-distance="50">
+            <div infinite-scroll-immediate-check="true"
+                 v-infinite-scroll="loadNewDynamic"
+                 infinite-scroll-disabled="paging.shopFnsDynamic.loading"
+                 :infinite-scroll-distance="paging.distance">
         <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
                         :lists="shopFnsDynamic">
@@ -76,8 +75,13 @@
                 shopDarenHot: null,    // 达人推荐列表
                 fansDaren: null,       // 已关注达人动态
                 shopFnsDynamic: null,   // 达人动态
-                loading: false, // 加载
-                pages:0 // 分页
+                paging: {                   // 分页
+                    shopFnsDynamic: {
+                        loading: true,
+                        page: 1
+                    },
+                    distance: 50
+                }
             }
         },
         components:{
@@ -95,22 +99,31 @@
             // 获取优选库精选活动
             this.newDarenIndex();
             // 达人最新动态
-            this.getNewDynamicList();
+            this.getNewDynamicList(1);
         },
         methods: {
             /**
+             * 上拉加载“商品推荐”
+             */
+            loadNewDynamic() {
+                    // 设置“精品推荐”页码
+                    this.$set(this.paging.shopFnsDynamic, "page", ++this.paging.shopFnsDynamic.page);
+
+                    // 调用接口
+                    this.getNewDynamicList(this.paging.shopFnsDynamic.page)
+            },
+            /**
              * 达人最新动态
              */
-            getNewDynamicList() {
-                this.loading = true;
-                this.pages++
+            getNewDynamicList(page) {
                 // 加载中提示
                 Indicator.open("加载中...");
-
+                // 加载中
+                this.$set(this.paging.shopFnsDynamic, "loading", true);
                 // 获取证书请求接口
                 this.http("/Api/" + this.getApiVersion().dynamic + "/getNewDynamicList", {
                         uid: this.$route.query.uid,
-                        page: this.pages,
+                        page: page,
                         type: 1
                     }, this.getNewDynamicListCallback, {
                         method: "post"
@@ -128,9 +141,6 @@
                 // 加载完成
                 Indicator.close();
-                // 隐藏加载圈
-                this.loading = false;
-
                 // 返回处理
                 if (res.code == 200) {
                     // 解构数据
@@ -140,7 +150,8 @@
                     if (datas.list && datas.list.length) {
                         this.$set(this, "shopFnsDynamic", datas.list);
                     }
-                    console.log(this.shopFnsDynamic)
+                    // 设置还有需要加载的内容
+                    this.$set(this.paging.shopFnsDynamic, "loading", false);
                     /* 获取达人动态数据 结束 */
                 } else if (res.code == 400) {