zhsw_wechat/miniprogram_npm/tdesign-miniprogram/count-down

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