Browse Source

修改倒计时逻辑

master
liaoxinyu 1 year ago
parent
commit
6c60e6afcc
  1. 3
      src/i18n/en.json
  2. 3
      src/i18n/tw.json
  3. 28
      src/views/purchase/index.vue

3
src/i18n/en.json

@ -913,7 +913,8 @@
"prompt": "Tips",
"subscribeSuccess": "Apply Success",
"issueNumber" :"issue number",
"Countdown" :"Subscription Countdown",
"Countdown" :"Countdown begins to purchase",
"Countdown1" :"Countdown to purchase end",
"hour" :"hour",
"point" :"minute",
"Second" :"second",

3
src/i18n/tw.json

@ -855,7 +855,8 @@
"prompt": "提示",
"subscribeSuccess": "申購成功",
"issueNumber" :"發行數量",
"Countdown" :"申購倒數計時",
"Countdown" :"申購開始倒計時",
"Countdown1" :"申購結束倒計時",
"hour" :"时",
"point" :"分",
"Second" :"秒",

28
src/views/purchase/index.vue

@ -52,7 +52,7 @@
<div
class="col-6 d-flex flex-column justify-content-end align-items-start"
>
<div style="margin-bottom: 20px;">{{$t("purchase.Countdown")}}: <span style="margin-right: 10px;">{{ days }}{{$t("purchase.day")}}</span><span>{{ hours }}:</span><span>{{ minutes }}:</span><span>{{ seconds }}</span></div>
<div style="margin-bottom: 20px;">{{timerbool?$t("purchase.Countdown1"):$t("purchase.Countdown")}}: <span style="margin-right: 10px;">{{ days }}{{$t("purchase.day")}}</span><span>{{ hours }}:</span><span>{{ minutes }}:</span><span>{{ seconds }}</span></div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<el-dropdown>
@ -333,7 +333,8 @@ export default {
seconds: '00',
timer1: null,
//
remainingSeconds: 0
remainingSeconds: 0,
timerbool:false
}
},
computed: {
@ -393,6 +394,19 @@ export default {
Subscride.subscribe().then((res) => {
this.detail = res;
// console.log(this.detail.announce_time,'1111')
//
const start = new Date(this.detail.start_subscription_time).getTime();
const end = new Date(this.detail.end_subscription_time).getTime();
const now = Date.now();
if(now < start && now < end){
this.timerbool = false
this.remainingSeconds = Math.floor((start - now) / 1000);
this.startTimer()
}else if (now > start && now < end) {
this.timerbool = true
this.remainingSeconds = Math.floor((end - now) / 1000);
this.startTimer()
}
});
},
@ -503,16 +517,6 @@ export default {
padZero(num) {
return num < 10 ? `0${num}` : num.toString();
}
},
mounted() {
//
const start = new Date(this.detail.start_subscription_time).getTime();
const end = new Date(this.detail.end_subscription_time).getTime();
const now = Date.now();
if (now > start && now < end) {
this.remainingSeconds = Math.floor((end - now) / 1000);
this.startTimer()
}
},
created() {
this.subscribeTokenList();

Loading…
Cancel
Save