35 lines
1.2 KiB
Markdown
35 lines
1.2 KiB
Markdown
:: 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](https://github.com/Tencent/tdesign-miniprogram/tree/develop/src/count-down/type.ts)。<br/>`interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }`<br/>
|
||
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 | -
|