加载更多

zhiyangdu
1 parent 4b60f736
Showing 1 changed file with 83 additions and 96 deletions
src/pages/newDaren/newDaren.vue
@@ -28,7 +28,7 @@
             <!-- 最新动态标题 -->
             <text-title-box slot="title-box" @more="newDarenDynamicsMore"
-                :titles="{
+                            :titles="{
                     title: '已关注达人',
                     more: true
                 }">
@@ -43,14 +43,15 @@
                 }">
         </text-title-box>
         <div class="item_box">
-            <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">
-
-        </daren-list-box>
+            <div
+                infinite-scroll-immediate-check="true"
+                v-infinite-scroll="getNewDynamicList"
+                infinite-scroll-disabled="loading"
+                :infinite-scroll-distance="50">
+                <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
+                                :lists="shopFnsDynamic">
+
+                </daren-list-box>
             </div>
         </div>
     </div>
@@ -61,8 +62,8 @@
     // 引入组件
     import { Toast, Indicator } from "mint-ui";
     import swiper from "@/components/swiper/swiper";
-	import darenListBox from "@/components/darenListBox/darenListBox";
-	import textTitleBox from "@/components/textTitleBox/textTitleBox";
+    import darenListBox from "@/components/darenListBox/darenListBox";
+    import textTitleBox from "@/components/textTitleBox/textTitleBox";
     import shopDatenTop from "@/components/shopDatenTop/shopDatenTop";
     import horizList from "@/components/horizList/horizList";
     export default {
@@ -75,13 +76,8 @@
                 shopDarenHot: null,    // 达人推荐列表
                 fansDaren: null,       // 已关注达人动态
                 shopFnsDynamic: null,   // 达人动态
-                paging: {                   // 分页
-                    shopFnsDynamic: {
-                        loading: true,
-                        page: 1
-                    },
-                    distance: 50
-                }
+                loading: false, // 加载
+                pages:0 // 分页
             }
         },
         components:{
@@ -99,31 +95,22 @@
             // 获取优选库精选活动
             this.newDarenIndex();
             // 达人最新动态
-            this.getNewDynamicList(1);
+            this.getNewDynamicList();
         },
         methods: {
             /**
-             * 上拉加载“商品推荐”
-             */
-            loadNewDynamic() {
-                    // 设置“精品推荐”页码
-                    this.$set(this.paging.shopFnsDynamic, "page", ++this.paging.shopFnsDynamic.page);
-
-                    // 调用接口
-                    this.getNewDynamicList(this.paging.shopFnsDynamic.page)
-            },
-            /**
              * 达人最新动态
              */
-            getNewDynamicList(page) {
+            getNewDynamicList() {
+                this.loading = true;
+                this.pages++
                 // 加载中提示
                 Indicator.open("加载中...");
-                // 加载中
-                this.$set(this.paging.shopFnsDynamic, "loading", true);
+
                 // 获取证书请求接口
                 this.http("/Api/" + this.getApiVersion().dynamic + "/getNewDynamicList", {
                         uid: this.$route.query.uid,
-                        page: page,
+                        page: this.pages,
                         type: 1
                     }, this.getNewDynamicListCallback, {
                         method: "post"
@@ -148,10 +135,10 @@
                     // 设置shopFnsDynamic达人动态数据
                     if (datas.list && datas.list.length) {
+                        // 隐藏加载圈
+                        this.loading = false;
                         this.$set(this, "shopFnsDynamic", datas.list);
                     }
-                    // 设置还有需要加载的内容
-                    this.$set(this.paging.shopFnsDynamic, "loading", false);
                     /* 获取达人动态数据 结束 */
                 } else if (res.code == 400) {
@@ -211,8 +198,8 @@
                     /* 获取优选库精选活动数据 开始 */
                     if(datas.title){
-                    // 设置标题
-                    this.$set(this, "title", datas.title);
+                        // 设置标题
+                        this.$set(this, "title", datas.title);
                     }
@@ -248,52 +235,52 @@
                 }
             },
             /**
-			 * 关注/取消关注达人
-			 */
-			fansShop(item) {
-                 Indicator.open("加载中...");
-				// 判断必要参数
-				if (item.id && this.$route.query.uid) {
-				   // 请求接口
-					this.http("/Api/" + this.getApiVersion().dynamic + "/fansShop", {
-                       id: item.id || 0,
-						uid: this.$route.query.uid || 0
-                    }, this.fansShopCallback, {
-                        method: "post",
-                        item
-                    }
-                );
-				}
-			},
+             * 关注/取消关注达人
+             */
+            fansShop(item) {
+                Indicator.open("加载中...");
+                // 判断必要参数
+                if (item.id && this.$route.query.uid) {
+                    // 请求接口
+                    this.http("/Api/" + this.getApiVersion().dynamic + "/fansShop", {
+                            id: item.id || 0,
+                            uid: this.$route.query.uid || 0
+                        }, this.fansShopCallback, {
+                            method: "post",
+                            item
+                        }
+                    );
+                }
+            },
-			/**
-			 * 关注/取消关注达人回调
-			 * @param {object} res [服务器返回数据]
-			 * @param {object} ext [扩展参数]
-			 */
-			fansShopCallback(res, ext) {
+            /**
+             * 关注/取消关注达人回调
+             * @param {object} res [服务器返回数据]
+             * @param {object} ext [扩展参数]
+             */
+            fansShopCallback(res, ext) {
-				 // 加载完成
+                // 加载完成
                 Indicator.close();
-				if (res.code) {
-					// 设置已关注
-					if (ext.item.is_fans == "0") {
-						// 关注达人
-						this.$set(ext.item, "is_fans", "1");
-					}else{
-						// 取消关注达人
-						this.$set(ext.item, "is_fans", "0");
-					}
-				}else if (res.statusCode === 200 && res.data.code == 400) {
-
-					// 关注失败
-					this.showToast(res.data.message);
-				} else {
-
-					// 关注失败
-					this.showToast("关注失败");
-				}
-			},
+                if (res.code) {
+                    // 设置已关注
+                    if (ext.item.is_fans == "0") {
+                        // 关注达人
+                        this.$set(ext.item, "is_fans", "1");
+                    }else{
+                        // 取消关注达人
+                        this.$set(ext.item, "is_fans", "0");
+                    }
+                }else if (res.statusCode === 200 && res.data.code == 400) {
+
+                    // 关注失败
+                    this.showToast(res.data.message);
+                } else {
+
+                    // 关注失败
+                    this.showToast("关注失败");
+                }
+            },
             /**
              * 调用通用跳转
              * @param {object} item [通用跳转对象]
@@ -346,11 +333,11 @@
                 }
             },
-			/**
-			 * 用户头像/昵称，点击跳转
-			 * @param {object} item [数据对象]
-			 */
-			userJump(item) {
+            /**
+             * 用户头像/昵称，点击跳转
+             * @param {object} item [数据对象]
+             */
+            userJump(item) {
                 // 判断并调用通用跳转
                 if (typeof this.$parent.gotoDetail === "function") {
@@ -373,10 +360,10 @@
             },
             /**
-			 * 点击跳转商品
-			 * @param {object} item [数据对象]
-			 */
-			goodsJump(item) {
+             * 点击跳转商品
+             * @param {object} item [数据对象]
+             */
+            goodsJump(item) {
                 // 判断并调用通用跳转
                 if (typeof this.$parent.gotoDetail === "function") {
@@ -395,13 +382,13 @@
                     this.$parent.gotoDetail(item);
                 }
-			},
+            },
-			/**
-			 * 点击跳转商品购买
-			 * @param {object} item [数据对象]
-			 */
-			goodsPrimary(item) {
+            /**
+             * 点击跳转商品购买
+             * @param {object} item [数据对象]
+             */
+            goodsPrimary(item) {
                 // 判断并调用通用跳转
                 if (typeof this.$parent.gotoDetail === "function") {
@@ -420,7 +407,7 @@
                     this.$parent.gotoDetail(item);
                 }
-			}
+            }
         },
         head: {
             title () {