:: BASE_DOC ::
API
CountDown Props
| name | type | default | description | required |
|---|---|---|---|---|
| style | Object | - | CSS(Cascading Style Sheets) | N |
| custom-style | Object | - | CSS(Cascading Style Sheets)，used to set style on virtual component | N |
| auto-start | Boolean | true | - | N |
| content | String / Slot | 'default' | see more ts definition | N |
| format | String | HH:mm:ss | - | N |
| millisecond | Boolean | false | - | N |
| size | String | 'medium' | 0.5.1。options: small/medium/large |
N |
| split-with-unit | Boolean | false | 0.5.1 |
N |
| theme | String | 'default' | 0.5.1。options: default/round/square |
N |
| time | Number | 0 | 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 | - | - |
CountDown External Classes
| className | Description |
|---|---|
| t-class | - |
| t-class-count | - |
| t-class-split | - |
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 | - |
| --td-countdown-default-color | @text-color-primary | - |
| --td-countdown-round-border-radius | @radius-circle | - |
| --td-countdown-round-color | @text-color-anti | - |
| --td-countdown-square-border-radius | @radius-small | - |