<template>
  <div>
    <!-- 使用 van-count-down 组件 -->
    <van-count-down
      :time="time"
      :format="format"
      @change="handleChange"
      @finish="handleFinish"
    />
  </div>
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    // time 表示倒计时的时间，单位是毫秒
    const time = ref(60000);

    // format 表示倒计时的显示格式，可以根据需要自定义
    const format = ref('HH:mm:ss');

    // 处理倒计时变化的回调
    const handleChange = (event) => {
      console.log('倒计时变化', event);
    };

    // 处理倒计时结束的回调
    const handleFinish = () => {
      console.log('倒计时结束');
    };

    return {
      time,
      format,
      handleChange,
      handleFinish,
    };
  },
};
</script>

<style>
/* 这是一个简单的样式示例，你可以根据需求自定义样式 */
</style>