countdown-倒计时

倒计时控件

使用指南

在page.json中引入组件

{
    "usingComponents": {
      "el-countdown": "component/_countdown/countdown"
    }
}

属性

名称 类型 默认 说明 版本
day Boolean true 日 0.0.6
month Boolean true 月 0.0.6
fullyear Boolean true 年 0.0.6
hours Boolean true 时 0.0.6
minutes Boolean true 分 0.0.6
seconds Boolean true 秒 0.0.6
milliseconds Boolean false 毫秒 0.0.6
end String "" 结束时间，是字符串非new Date类型 0.0.6
value String new Date() 当前时间，是字符串非new Date类型 0.0.6
placeholder String "" 当过期时显示的内容 0.0.6

插槽

名称 说明 版本
placeholder 自定义过期时间 0.0.6

样式

1.局部
名称 说明 版本
el-day - 0.0.6
el-month - 0.0.6
el-fullyear - 0.0.6
el-hours - 0.0.6
el-minuter - 0.0.6
el-seconds - 0.0.6
el-milliseconds - 0.0.6
el-interval 单位 0.0.6

使用方式请参考这里重写Class类。

事件

bindsucceed :function () {} 过期事件。| 0.0.6

stop: function () {} 时间结束 | 0.0.6

start: function () {} 时间开始，开始的时间是由value来决定的，它将跳到实际倒计时，不是由当前时段继续开始 | 0.0.6

使用

<el-countdown day='' month='' fullyear='' hours='' minutes='' seconds='' milliseconds='' end='2030-07-14' interval='-'>

    <!-- placeholder的插槽仅在生效时可见 -->
    <view slot='placeholder'>活动过期了</view>
</el-countdown>
已知问题:

Q: placeholder的插槽和placeholder属性会冲突，表现在0.0.6版本之中。

A: 应避免该插槽和属性同时出现。

results matching ""

    No results matching ""