店铺会员制Vip功能增加

pages/rank/index.vue

@@ -17,9 +17,9 @@
             <view :class="['rank_type_item',type === '4'?'rank_type_item_active':'']" @click="changeType('4')">用户邀请榜
             </view>
         </scroll-view>
-        <view class="rank_update_time" v-if="lists.length > 0 && type !== '3'&& type !== '4'">
+        <view class="rank_update_time" v-if="lists.length > 0 && type !== '3'&& type !== '4' && showCountDown">
             <view class="title"> 加成{{type === '1'?'结束':'生效'}}倒计时 : </view>
-            <u-count-down :time="end_timestamp" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
+            <u-count-down ref="countDown" :time="end_timestamp" format="DD:HH:mm:ss" autoStart millisecond @change="onChange">
                 <view class="time">
                     <view class="time__item">
                         <view class="time__item_no">{{ timeData.days }} </view>天
@@ -91,13 +91,16 @@
                 lists: [],
                 timeData: {},
                 type: "1", // 1 加成榜 2邀请榜
-                page_id: '',
+                page_id: '',
+                showCountDown:false, // 是否显示倒计时  默认不显示，隐藏页面移出
             }
         },
         onShow() {
-            this.getList();
+            this.getList();
+        },
+        onHide() {
+           this.showCountDown = false;
         },
-
         methods: {
             onChange(e) {
                 this.timeData = e
@@ -131,7 +134,8 @@
                     this.lists = res.rand;
                     this.page_id = res.page_id;
                     this.end_timestamp = res.end_timestamp * 1000;
-                    uni.hideLoading()
+                    uni.hideLoading()
+                    this.showCountDown = true;
                 }).catch(err => {
                     uni.showToast({
                         title: err.message,