没有更多了样式优化

zhiyangdu
1 parent 9caddb1b
Showing 2 changed files with 27 additions and 6 deletions
src/pages/morePoints/morePoints.less
src/pages/morePoints/morePoints.vue
@@ -3,13 +3,32 @@
 .gift_zone_detail{
   width: 100%;
   min-height: 100vh;
+  margin-bottom: 10px;
   // background: #B62128 url("https://wjj.ys1.cnliveimg.com/769/h5/H5activity/kapai/detail-top.png") no-repeat center top;
   background-size: 100%;
   overflow: hidden;
   .column-list-box{
     margin-top:40px;
   }
-  .no_more{
+  // 暂无记录提示
+  .no_gift_tip{
+    width: 100%;
+    img{
+      display: block;
+      width: 500px;
+      height: 285px;
+      margin:366px 125px 0 125px;
+    }
+    .text{
+      font-size: 30px;
+      font-weight: 400;
+      color: #333333;
+      line-height: 60px;
+      margin-top: 19px;
+      text-align: center;
+    }
+  }
+  .is_more{
     width:100%;
     height: 37px;
     font-size: 26px;
@@ -29,11 +29,11 @@
     </div>  
     <!-- 没有更多了 -->
      <!-- 暂无记录展示 -->
-    <div v-show="list.length == 0 && isCall" class="no_gift_tip">
+    <div v-show="phyicalGoods.list && phyicalGoods.list.length == 0 && isCall" class="no_gift_tip">
       <img src="static/img/no_gift_tip.png" alt=""/>
       <div class="text">暂无兑换记录</div>
     </div>
-    <div v-show="list.length>0 && isMore ==0" class="is_more">
+    <div v-show="phyicalGoods.list && phyicalGoods.list.length>0 && isMore ==0" class="is_more">
         没有更多了
     </div>
 </div>
@@ -54,7 +54,8 @@ export default {
       distance: 50,
       phyicalGoods: { list: [] }, // 实物商品
       page: 1,
-      isNoMore: false
+      isCall: false, // 是否调用接口
+      isMore: false
     }
   },
   //部件
@@ -132,7 +133,8 @@ export default {
       // 加载完成
       Indicator.close();
-
+      // 证明调用过接口
+      this.isCall = true;
       // 返回处理
       if (res.code == 200) {
         // 解构数据
@@ -147,7 +149,7 @@ export default {
           // 设置还有需要加载的内容
           this.$set(this, "loading", false);
         } else {
-          this.isNoMore = true; // 没有更多了
+          this.isMore = true; // 没有更多了
           // 没有需要加载的内容，停止上拉加载
           this.$set(this, "loading", true);
         }