uni-app 按钮倒计时

你可以使用uni-app的计时器功能来实现按钮倒计时。以下是一个简单的示例代码：

<template>
  <view>
    <button @click="startCountdown" :disabled="countingDown">{{ buttonText }}</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      buttonText: '获取验证码',
      countdown: 60,
      countingDown: false,
      timer: null
    };
  },
  methods: {
    startCountdown() {
      if (this.countingDown) return;

      this.countingDown = true;
      this.buttonText = `${this.countdown}秒后重新获取`;

      this.timer = setInterval(() => {
        if (this.countdown > 1) {
          this.countdown--;
          this.buttonText = `${this.countdown}秒后重新获取`;
        } else {
          clearInterval(this.timer);
          this.timer = null;
          this.countdown = 60;
          this.buttonText = '获取验证码';
          this.countingDown = false;
        }
      }, 1000);
    }
  },
  beforeDestroy() {
    if (this.timer) {
      clearInterval(this.timer);
      this.timer = null;
    }
  }
};
</script>

这个示例代码中，我们使用了一个计时器来实现按钮的倒计时效果。当点击按钮时，按钮会变为不可用状态，并显示倒计时的秒数。当倒计时结束后，按钮会恢复可用状态。你可以根据自己的需求进行修改和扩展。