uni-countdown组件用法

uni-countdown组件是UniApp（基于Vue.js的跨平台UI框架）中的一个用于显示倒计时的自定义元素。它通常用于展示即将开始的时间，比如活动、优惠券的有效期等场景。下面是基本的使用步骤：

1. 引入组件：在你的Vue组件文件中，通过`<template>`标签引入`uni-countdown`组件。

<template>
  <view>
    <uni-countdown :end-time="endTime" @update="countdownUpdated"></uni-countdown>
  </view>
</template>

2. 定义数据属性：在`data()`函数中设置`endTime`，它应该是一个表示倒计时期间结束的日期对象，如ISO格式的字符串。

export default {
  data() {
    return {
      endTime: '2023-06-30T23:59:59', // 格式为 "YYYY-MM-DDTHH:mm:ss"
    };
  },
}

3. 绑定事件处理：通过`:update`属性绑定回调函数，当倒计时更新时会被触发，你可以在这个函数里获取新的剩余时间。

<uni-countdown :end-time="endTime" @update="countdownUpdated"></uni-countdown>

<script>
methods: {
  countdownUpdated(countdown) {
    console.log('剩余时间:', countdown);
  },
}
</script>

4. 样式调整：如果需要定制样式，可以在组件的样式部分（`.vue`文件的`<style>`标签内）或者全局样式表中修改`uni-countdown`的样式。

注意：具体的API细节可能会因版本更新而有所变化，建议查阅官方文档以获取最新信息。