vant + moment插件自定义count-down倒计时

 根据vant官网https://vant-ui.github.io/vant/v2/#/zh-CN按需引入找到倒计时

 自定义时间格式参考下图

<van-count-down :time="time" v-if="isCountdown">
  <template #default="timeData">
     <span class="target">倒计时</span>
     <span class="block">{{ timeData.days }}</span>
     <span class="target">天</span>
     <span class="block">{{ timeData.hours }}</span>
     <span class="target">:</span>
     <span class="block">{{ timeData.minutes }}</span>
     <span class="target">:</span>
     <span class="block">{{ timeData.seconds }}</span>
  </template>
</van-count-down>
   
time:0, //data中定义time

computingTime() {
    let currentTime = moment().format("YYYY-MM-DD HH:mm"); //当前时间
    let startTime = moment("2023-07-06 18:30").format("YYYY-MM-DD HH:mm"); //开始时间
    let day = moment(startTime).diff(currentTime, "day"); //天数
    let hour = moment
      .duration(
       moment(startTime, "YYYY/MM/DD HH:mm").diff(
        moment(currentTime, "YYYY/MM/DD HH:mm")
       )
      )
      .asHours(); //小时
    console.log(day, "天数");
    console.log(hour, "小时");
    //最后计算出来的小时换算成秒即可
    this.time = hour * 1000 * 60 * 60;
}

最后的效果图就是这样拉