Commit 4b60f736d735f0f7df0690e916922ee7b6bedad7
1 parent
80fe482e
加载更多
Showing
1 changed file
with
28 additions
and
17 deletions
src/pages/newDaren/newDaren.vue
| ... | ... | @@ -43,11 +43,10 @@ |
| 43 | 43 | }"> |
| 44 | 44 | </text-title-box> |
| 45 | 45 | <div class="item_box"> |
| 46 | - <div | |
| 47 | - infinite-scroll-immediate-check="true" | |
| 48 | - v-infinite-scroll="getNewDynamicList" | |
| 49 | - infinite-scroll-disabled="loading" | |
| 50 | - :infinite-scroll-distance="50"> | |
| 46 | + <div infinite-scroll-immediate-check="true" | |
| 47 | + v-infinite-scroll="loadNewDynamic" | |
| 48 | + infinite-scroll-disabled="paging.shopFnsDynamic.loading" | |
| 49 | + :infinite-scroll-distance="paging.distance"> | |
| 51 | 50 | <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" |
| 52 | 51 | :lists="shopFnsDynamic"> |
| 53 | 52 | |
| ... | ... | @@ -76,8 +75,13 @@ |
| 76 | 75 | shopDarenHot: null, // 达人推荐列表 |
| 77 | 76 | fansDaren: null, // 已关注达人动态 |
| 78 | 77 | shopFnsDynamic: null, // 达人动态 |
| 79 | - loading: false, // 加载 | |
| 80 | - pages:0 // 分页 | |
| 78 | + paging: { // 分页 | |
| 79 | + shopFnsDynamic: { | |
| 80 | + loading: true, | |
| 81 | + page: 1 | |
| 82 | + }, | |
| 83 | + distance: 50 | |
| 84 | + } | |
| 81 | 85 | } |
| 82 | 86 | }, |
| 83 | 87 | components:{ |
| ... | ... | @@ -95,22 +99,31 @@ |
| 95 | 99 | // 获取优选库精选活动 |
| 96 | 100 | this.newDarenIndex(); |
| 97 | 101 | // 达人最新动态 |
| 98 | - this.getNewDynamicList(); | |
| 102 | + this.getNewDynamicList(1); | |
| 99 | 103 | }, |
| 100 | 104 | methods: { |
| 101 | 105 | /** |
| 106 | + * 上拉加载“商品推荐” | |
| 107 | + */ | |
| 108 | + loadNewDynamic() { | |
| 109 | + // 设置“精品推荐”页码 | |
| 110 | + this.$set(this.paging.shopFnsDynamic, "page", ++this.paging.shopFnsDynamic.page); | |
| 111 | + | |
| 112 | + // 调用接口 | |
| 113 | + this.getNewDynamicList(this.paging.shopFnsDynamic.page) | |
| 114 | + }, | |
| 115 | + /** | |
| 102 | 116 | * 达人最新动态 |
| 103 | 117 | */ |
| 104 | - getNewDynamicList() { | |
| 105 | - this.loading = true; | |
| 106 | - this.pages++ | |
| 118 | + getNewDynamicList(page) { | |
| 107 | 119 | // 加载中提示 |
| 108 | 120 | Indicator.open("加载中..."); |
| 109 | - | |
| 121 | + // 加载中 | |
| 122 | + this.$set(this.paging.shopFnsDynamic, "loading", true); | |
| 110 | 123 | // 获取证书请求接口 |
| 111 | 124 | this.http("/Api/" + this.getApiVersion().dynamic + "/getNewDynamicList", { |
| 112 | 125 | uid: this.$route.query.uid, |
| 113 | - page: this.pages, | |
| 126 | + page: page, | |
| 114 | 127 | type: 1 |
| 115 | 128 | }, this.getNewDynamicListCallback, { |
| 116 | 129 | method: "post" |
| ... | ... | @@ -128,9 +141,6 @@ |
| 128 | 141 | // 加载完成 |
| 129 | 142 | Indicator.close(); |
| 130 | 143 | |
| 131 | - // 隐藏加载圈 | |
| 132 | - this.loading = false; | |
| 133 | - | |
| 134 | 144 | // 返回处理 |
| 135 | 145 | if (res.code == 200) { |
| 136 | 146 | // 解构数据 |
| ... | ... | @@ -140,7 +150,8 @@ |
| 140 | 150 | if (datas.list && datas.list.length) { |
| 141 | 151 | this.$set(this, "shopFnsDynamic", datas.list); |
| 142 | 152 | } |
| 143 | - console.log(this.shopFnsDynamic) | |
| 153 | + // 设置还有需要加载的内容 | |
| 154 | + this.$set(this.paging.shopFnsDynamic, "loading", false); | |
| 144 | 155 | /* 获取达人动态数据 结束 */ |
| 145 | 156 | |
| 146 | 157 | } else if (res.code == 400) { | ... | ... |