vi-count-down

微信小程序倒计时组件

Usage no npm install needed!

<script type="module">
  import viCountDown from 'https://cdn.skypack.dev/vi-count-down';
</script>

README

倒计时组件文档

使用

在使用之前,请先用微信开发者工具构建NPM和使用NPM模块

打开小程序页面的json配置.

"usingComponents": {
  "count-down": "vi-count-down" 
}

使用字符串形式的日期格式

<count-down endTime="2018/12/01></count-down>

使用毫秒数的日期格式

<count-down end-time="{{1543593600000}}"></count-down>

属性

接口 数据类型 说明 选项 默认值
endTime String, Number 接收字符串形式的时间格式或者毫秒数 必填 null
startTime String,Number 接收字符串形式的时间格式或者毫秒数 选填 null
endText String 接收字符串文本 选填 该订单已超过支付时间
isSlot Boolean 用于构建自定义DOM接口,该接口与countdown事件配合使用 选填 false

event 事件

event name 说明 返回值说明
countdown 用于自定义倒计时组件的DOM结构,这方法适用于复杂的倒计时UI,注意和isSlot接口配合使用,不然无法覆盖DOM结构 Object

版本记录

  • v1.0.3 新增自定义事件countdown和接口isSlot

Bug&Tips

  • 组件是向上兼容,如果小程序版本库低于2.0.1 该组件库的 clearTimeout将会失效