uniapp 活动开始的前一天显现倒计时代码

你可以使用 JavaScript 中的 Date 对象来计算时间差并渲染倒计时。以下是一个简单的示例：

<template>
  <div>
    距离活动开始还有：
    <span>{{ days }} 天</span>
    <span>{{ hours }} 小时</span>
    <span>{{ minutes }} 分钟</span>
    <span>{{ seconds }} 秒</span>
  </div>
</template>

<script>
export default {
  data() {
    return {
      eventStartTime: new Date("2021-08-01T08:00:00.000Z") // 活动开始时间
    }
  },
  computed: {
    timeDiff() {
      const now = new Date();
      const diff = this.eventStartTime - now;
      return Math.max(0, diff); // 如果 diff < 0，则返回 0
    },
    days() {
      return Math.floor(this.timeDiff / (24 * 60 * 60 * 1000));
    },
    hours() {
      return Math.floor((this.timeDiff % (24 * 60 * 60 * 1000)) / (60 * 60 * 1000));
    },
    minutes() {
      return Math.floor((this.timeDiff % (60 * 60 * 1000)) / (60 * 1000));
    },
    seconds() {
      return Math.floor((this.timeDiff % (60 * 1000)) / 1000);
    }
  }
}
</script>

在模板中，我们渲染了四个时间段：天、小时、分钟和秒。我们使用 computed 属性计算时间差，并将其分解为四个时间段。我们使用 Date 对象来设置活动开始时间，并在计算时间差时使用当前时间。

你可以将 `eventStartTime` 设置为活动开始的前一天。在这个示例中，我将活动开始时间设置为 UTC 时间 2021 年 8 月 1 日早上 8 点。你可以根据自己的需求调整时间。