加载更多

zhiyangdu
1 parent bcc58df5
Showing 1 changed file with 81 additions and 11 deletions
src/pages/newDaren/newDaren.vue
@@ -24,7 +24,7 @@
         </horiz-list>
         <!-- 已关注达人 -->
         <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
-                        :lists="shopFnsDynamic">
+                        :lists="fansDaren">
             <!-- 最新动态标题 -->
             <text-title-box slot="title-box" @more="newDarenDynamicsMore"
@@ -35,17 +35,26 @@
             </text-title-box>
         </daren-list-box>
         <!--最新达人动态-->
+        <!-- 最新动态标题 -->
+        <text-title-box slot="title-box" @more="newDarenDynamicsMore"
+                        :titles="{
+                    title: '最新达人动态',
+                    more: false
+                }">
+        </text-title-box>
+        <div class="item_box">
+            <ul
+                v-infinite-scroll="loadMore"
+                infinite-scroll-disabled="loading"
+                :infinite-scroll-distance="50">
+                <li v-for="(item, index) in list" :key="index">
         <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
                         :lists="shopFnsDynamic">
-            <!-- 最新动态标题 -->
-            <text-title-box slot="title-box" @more="newDarenDynamicsMore"
-                            :titles="{
-                    title: '最新达人动态',
-                    more: true
-                }">
-            </text-title-box>
         </daren-list-box>
+                </li>
+            </ul>
+        </div>
     </div>
 </template>
@@ -66,7 +75,10 @@
                 shopDatenTop: null,     // 置顶达人信息
                 banner:[],              // 轮播
                 shopDarenHot: null,    // 达人推荐列表
-                shopFnsDynamic: null   // 达人动态
+                fansDaren: null,       // 已关注达人动态
+                shopFnsDynamic: null,   // 达人动态
+                loading: false, // 加载
+                pages:1 // 分页
             }
         },
         components:{
@@ -85,7 +97,65 @@
             this.newDarenIndex();
         },
         methods: {
+            // 最新达人动态
+            loadMore() {
+                this.loading = true;
+                this.pages++
+                this.getNewDynamicList(this.pages)
+            },
+            /**
+             * 达人最新动态
+             */
+            getNewDynamicList() {
+                // 加载中提示
+                Indicator.open("加载中...");
+
+                // 获取证书请求接口
+                this.http("/Api/" + this.getApiVersion().index + "/newDarenIndex", {
+                        uid: this.$route.query.uid
+                    }, this.getNewDynamicListCallback, {
+                        method: "post"
+                    }
+                );
+            },
+
+            /**
+             * 达人最新动态回调
+             * @param {object} res [服务器返回数据]
+             * @param {object} ext [扩展参数]
+             */
+            getNewDynamicListCallback(res, ext) {
+
+                // 加载完成
+                Indicator.close();
+
+                // 下拉刷新结束
+                this.$set(this, "isLoading", false);
+                // 返回处理
+                if (res.code == 200) {
+                    // 隐藏加载圈
+                    this.loading = false;
+                    // 解构数据
+                    let { data: datas } = res;
+                    // 设置shopFnsDynamic达人动态数据
+
+                    if (datas.shop_fans_dynamic && datas.shop_fans_dynamic.length) {
+                        this.$set(this, "shopFnsDynamic", datas.shop_fans_dynamic);
+                    }
+
+                    /* 获取达人动态数据 结束 */
+
+                } else if (res.code == 400) {
+
+                    // 获取达人动态失败
+                    Toast(res.message);
+                } else {
+
+                    // 获取优选库精选活动失败
+                    Toast("获取达人动态失败");
+                }
+            },
             // 下拉刷新
             // onRefresh() {
@@ -151,10 +221,10 @@
                     if (datas.shop_daren_hot && datas.shop_daren_hot.length) {
                         this.$set(this, "shopDarenHot", datas.shop_daren_hot);
                     }
-                    // 设置shopFnsDynamic达人动态数据
+                    // 设置shopFnsDynamic已关注达人动态数据
                     if (datas.shop_fans_dynamic && datas.shop_fans_dynamic.length) {
-                        this.$set(this, "shopFnsDynamic", datas.shop_fans_dynamic);
+                        this.$set(this, "fansDaren", datas.shop_fans_dynamic);
                     }
                     /* 获取优选库精选活动数据 结束 */