:: 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 |
- |
