Countdown
<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>More details can be found in here
| Prop | Type | Required | Default | Description |
|---|---|---|---|---|
| time | Number |
Y |
1501200000000 |
Final timestamp |
| interval | Number |
N |
1000 |
interval |
| tpl | String |
N |
{h}:{m}:{s} |
template |
| onComplete | Function |
N |
()=>() |
callback when completed |
| timeWrapStyle | Object |
N |
- |
wrap style |
| timeBoxStyle | Object |
N |
- |
number box style |
| dotBoxStyle | Object |
N |
- |
symbol box style |
| timeTextStyle | Object |
N |
- |
number text style |
| dotTextStyle | Object |
N |
- |
symbol text style |