Commit 945df1fe144134b1ae74b713dded74abf7521f20
1 parent
9caddb1b
没有更多了样式优化
Showing
2 changed files
with
27 additions
and
6 deletions
src/pages/morePoints/morePoints.less
| ... | ... | @@ -3,13 +3,32 @@ |
| 3 | 3 | .gift_zone_detail{ |
| 4 | 4 | width: 100%; |
| 5 | 5 | min-height: 100vh; |
| 6 | + margin-bottom: 10px; | |
| 6 | 7 | // background: #B62128 url("https://wjj.ys1.cnliveimg.com/769/h5/H5activity/kapai/detail-top.png") no-repeat center top; |
| 7 | 8 | background-size: 100%; |
| 8 | 9 | overflow: hidden; |
| 9 | 10 | .column-list-box{ |
| 10 | 11 | margin-top:40px; |
| 11 | 12 | } |
| 12 | - .no_more{ | |
| 13 | + // 暂无记录提示 | |
| 14 | + .no_gift_tip{ | |
| 15 | + width: 100%; | |
| 16 | + img{ | |
| 17 | + display: block; | |
| 18 | + width: 500px; | |
| 19 | + height: 285px; | |
| 20 | + margin:366px 125px 0 125px; | |
| 21 | + } | |
| 22 | + .text{ | |
| 23 | + font-size: 30px; | |
| 24 | + font-weight: 400; | |
| 25 | + color: #333333; | |
| 26 | + line-height: 60px; | |
| 27 | + margin-top: 19px; | |
| 28 | + text-align: center; | |
| 29 | + } | |
| 30 | + } | |
| 31 | + .is_more{ | |
| 13 | 32 | width:100%; |
| 14 | 33 | height: 37px; |
| 15 | 34 | font-size: 26px; | ... | ... |
src/pages/morePoints/morePoints.vue
| ... | ... | @@ -29,11 +29,11 @@ |
| 29 | 29 | </div> |
| 30 | 30 | <!-- 没有更多了 --> |
| 31 | 31 | <!-- 暂无记录展示 --> |
| 32 | - <div v-show="list.length == 0 && isCall" class="no_gift_tip"> | |
| 32 | + <div v-show="phyicalGoods.list && phyicalGoods.list.length == 0 && isCall" class="no_gift_tip"> | |
| 33 | 33 | <img src="static/img/no_gift_tip.png" alt=""/> |
| 34 | 34 | <div class="text">暂无兑换记录</div> |
| 35 | 35 | </div> |
| 36 | - <div v-show="list.length>0 && isMore ==0" class="is_more"> | |
| 36 | + <div v-show="phyicalGoods.list && phyicalGoods.list.length>0 && isMore ==0" class="is_more"> | |
| 37 | 37 | 没有更多了 |
| 38 | 38 | </div> |
| 39 | 39 | </div> |
| ... | ... | @@ -54,7 +54,8 @@ export default { |
| 54 | 54 | distance: 50, |
| 55 | 55 | phyicalGoods: { list: [] }, // 实物商品 |
| 56 | 56 | page: 1, |
| 57 | - isNoMore: false | |
| 57 | + isCall: false, // 是否调用接口 | |
| 58 | + isMore: false | |
| 58 | 59 | } |
| 59 | 60 | }, |
| 60 | 61 | //部件 |
| ... | ... | @@ -132,7 +133,8 @@ export default { |
| 132 | 133 | |
| 133 | 134 | // 加载完成 |
| 134 | 135 | Indicator.close(); |
| 135 | - | |
| 136 | + // 证明调用过接口 | |
| 137 | + this.isCall = true; | |
| 136 | 138 | // 返回处理 |
| 137 | 139 | if (res.code == 200) { |
| 138 | 140 | // 解构数据 |
| ... | ... | @@ -147,7 +149,7 @@ export default { |
| 147 | 149 | // 设置还有需要加载的内容 |
| 148 | 150 | this.$set(this, "loading", false); |
| 149 | 151 | } else { |
| 150 | - this.isNoMore = true; // 没有更多了 | |
| 152 | + this.isMore = true; // 没有更多了 | |
| 151 | 153 | // 没有需要加载的内容，停止上拉加载 |
| 152 | 154 | this.$set(this, "loading", true); |
| 153 | 155 | } | ... | ... |