.. | ||
count-down.d.ts | ||
count-down.js | ||
count-down.json | ||
count-down.wxml | ||
count-down.wxss | ||
props.d.ts | ||
props.js | ||
README.en-US.md | ||
README.md | ||
type.d.ts | ||
type.js | ||
utils.d.ts | ||
utils.js |
:: BASE_DOC ::
API
CountDown Props
name | type | default | description | required |
---|---|---|---|---|
auto-start | Boolean | true | - | N |
content | String / Slot | 'default' | - | N |
format | String | HH:mm:ss | - | N |
millisecond | Boolean | false | - | N |
size | String v0.5.1 |
'small' | options:small/medium/large | N |
split-with-unit v0.5.1 |
Boolean | false | - | N |
theme | String v0.5.1 |
'default' | options:default/round/square | N |
time | Number | - | required | Y |
CountDown Events
name | params | description |
---|---|---|
change | (time: TimeData) |
see more ts definition。interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number } |
finish | - | - |
CSS Variables
The component provides the following CSS variables, which can be used to customize styles.
Name | Default Value | Description |
---|---|---|
--td-countdown-bg-color | @error-color-6 | - |
--td-countdown-default-color | @font-gray-1 | - |
--td-countdown-round-border-radius | @radius-circle | - |
--td-countdown-round-color | @font-white-1 | - |
--td-countdown-square-border-radius | @radius-small | - |