wxc-countdown
Weex 倒计时组件
Demo
参数配置
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| time | Number | Y | 1501200000000 | 最终时间戳 |
| interval | Number | N | 1000 | 间隔,单位为"毫秒" |
| tpl | String | N | {h}:{m}:{s} | 展示模板 |
| onComplete | Function | N | ()=>() | 完成时调用的方法 |
| timeWrapStyle | Object | N | - | 最外层包裹 style |
| timeBoxStyle | Object | N | - | 数字盒子 style |
| dotBoxStyle | Object | N | - | 符号盒子 style |
| timeTextStyle | Object | N | - | 数字文字 style |
| dotTextStyle | Object | N | - | 符号文字 style |
使用方法
<template>
<wxc-countdown tpl="{d}天{h}时{m}分{s}秒" :time="TIME"></wxc-countdown>
</template>
<script>
import { WxcCountdown } from 'weex-ui'
export default {
components: { WxcCountdown },
data: () => ({
TIME: new Date().getTime() + 86400000 + ''
})
}
</script>更详细代码可以参考 demo