倒计时组件(自由定制样式,支持动态赋值、暂停、重置) - 更新日志

1.2.7(2020-08-05)

支持手动启动倒计时

1.2.6(2020-07-10)

修复 可能导致跳两秒的bug 增加 倒计时暂停、继续功能

1.2.5(2020-04-27)

更新文档

1.2.4(2020-04-27)

小程序自定义样式例子

1.2.3(2020-04-26)

修复小程序报错的问题

1.2.2(2020-04-24)

更新文档

1.2.1(2020-04-24)

更新文档

1.2.0(2020-04-24)

更新文档

1.1.9(2020-04-24)

更新例子

1.1.8(2020-04-24)

更新例子

1.1.7(2020-04-24)

优化slot数据与非H5例子

1.1.6(2020-04-24)

更新文档

1.1.3(2020-04-24)

更新文档

1.1.2(2020-04-24)

支持nvue

1.1.0(2020-04-24)

更新文档

1.0.8(2020-04-24)

支持 nvue页面使用

1.0.7(2020-04-23)

修改文档

1.0.6(2020-04-23)

更新文档

1.0.5(2020-04-23)

更改文档

1.0.4(2020-04-23)

修改文档

1.0.3(2020-04-23)

解决app上不能显示的问题

1.0.2(2020-04-21)

更新文档

1.0.1(2020-04-21)

修改文档

1.0.0(2020-04-21)

倒计时组件(slot版)

效果展示

效果展示

简单自由的时间倒计时组件


使用示例

<countdown :time="time">
    <template v-slot="{timeData: {day, hour, minute, second}}">
        <view>{{day}}天{{hour}}时{{minute}}分{{second}}秒</view>        
    </template>
</countdown>

配置说明

  • time 倒计时的毫秒数

  • slot内容

  • timeData

    • day 天
    • hour 小时
    • minute 分钟
    • second 秒
    • remain 剩余毫秒数
  • 事件说明

    • finish 倒计时结束事件
  • 组件可调用方法说明

    • restart 重新开始倒计时