Przeglądaj źródła

[解决页面闪动的问题][修改]:解决了倒计时闪动的问题

tags/2.2.4
meo 6 lat temu
rodzic
commit
fa8eff007f
2 zmienionych plików z 24 dodań i 17 usunięć
  1. +18
    -13
      pages/coupon/detail/index.js
  2. +6
    -4
      pages/coupon/detail/index.wxml

+ 18
- 13
pages/coupon/detail/index.js Wyświetl plik

@@ -10,7 +10,6 @@ Page({
couponChannelId: null, couponChannelId: null,
couponId: null, couponId: null,
orderId: "", orderId: "",
day: "",
hour: "", hour: "",
minute: "", minute: "",
tempFilePaths: '', tempFilePaths: '',
@@ -20,7 +19,7 @@ Page({
id: '', id: '',
result: [], result: [],
end_time: '', end_time: '',
clock: ''
clock: "已经截止",
}, },


phone: function () { phone: function () {
@@ -40,18 +39,23 @@ Page({
var total_micro_second = EndTime - NowTime || []; var total_micro_second = EndTime - NowTime || [];
// 渲染倒计时时钟 // 渲染倒计时时钟
let obj = that.dateformat(total_micro_second); let obj = that.dateformat(total_micro_second);
that.setData({
clock: obj,
day: obj.a1,
hour: obj.b1,
min: obj.c1,
sec: obj.d1,
});
if (total_micro_second <= 0) {
if (total_micro_second>0){
that.setData({ that.setData({
clock: "已经截止"
});
//return;
clock: obj,
day: obj.a1,
hour: obj.b1,
min: obj.c1,
sec: obj.d1,
})
}else{
that.setData({
clock: "00",
day: "00",
hour: "00",
min: "00",
sec: "00",
})
} }
setTimeout(function () { setTimeout(function () {
total_micro_second -= 1000; total_micro_second -= 1000;
@@ -400,6 +404,7 @@ Page({
console.log(options) console.log(options)
var eData = options.target.dataset.id; var eData = options.target.dataset.id;
var couponId = options.target.dataset.couponid; var couponId = options.target.dataset.couponid;
// shareObj.path = `/pages/index/index?couponChannelId=${eData}&couponId=${couponId}`;
shareObj.path = `/pages/index/index?couponChannelId=${eData}&couponId=${couponId}`; shareObj.path = `/pages/index/index?couponChannelId=${eData}&couponId=${couponId}`;
} }
// 返回shareObj // 返回shareObj


+ 6
- 4
pages/coupon/detail/index.wxml Wyświetl plik

@@ -15,10 +15,12 @@
<image class='clock' src='./../../../assets/img/clock.png' mode='widthFix'></image> <image class='clock' src='./../../../assets/img/clock.png' mode='widthFix'></image>
<text class="qiang">距结束还剩 :</text> <text class="qiang">距结束还剩 :</text>
</view> </view>
<view wx:if="{{total_micro_second<=0||data.remainInventory==0}}" class='times'> <text>00</text>天
<text>00</text>:
<text>00</text>:
<text>00</text></view>
<view wx:if="{{clock=='已经截止'||data.remainInventory==0||data.status==1}}" class='times'>
<text>{{day}}</text>天
<text>{{hour}}</text>:
<text>{{min}}</text>:
<text>{{sec}}</text>
</view>
<view wx:if="{{clock!='已经截止'&&data.remainInventory!=0}}" class='times'> <view wx:if="{{clock!='已经截止'&&data.remainInventory!=0}}" class='times'>
<text>{{day}}</text>天 <text>{{day}}</text>天
<text>{{hour}}</text>: <text>{{hour}}</text>:


Ładowanie…
Anuluj
Zapisz