Countdown 倒计时

使用指南

在 page.json 中引入组件

  1. "usingComponents": {
  2. "w-countdown": "wuss-weapp/w-countdown/index",
  3. }

图片演示

Countdown 倒计时 - 图1

代码演示

  1. <!--pages/w-countdown/index.wxml-->
  2. <w-pane title="Countdown" desc="倒计时" />
  3. <w-pane desc="Default" />
  4. <w-countdown time="{{ date1 }}" />
  5. <w-pane desc="notimestamp = true time = 60" />
  6. <w-countdown time="60" bindcallback="countdownComplate"notimestamp="{{true}}" />
  7. <w-pane desc="format = D" />
  8. <w-countdown time="{{ date1 }}" format="D" />
  9. <w-pane desc="format = H" />
  10. <w-countdown time="{{ date1 }}" format="H" />
  11. <w-pane desc="format = MM" />
  12. <w-countdown time="{{ date1 }}" format="MM" />
  13. <w-pane desc="format = s" />
  14. <w-countdown time="{{ date1 }}" format="s" />

API

Attribute 属性

属性说明类型默认值
notimestamp是否使用时间戳 true 为不是booleanfalse
format格式化时间格式默认为 Hstring-
time倒计时的时间单位 snumber-

Event 事件

事件名说明参数
callback倒计时结束回调——

Slot 插槽

名称说明

Class 自定义类名

类名说明
wuss-class根节点样式类