water_xcx/miniprogram_npm/tdesign-miniprogram/count-down

title	description	spline	isComponent
CountDown 倒计时	用于实时展示倒计时数值。	data	true

引入

全局引入，在 miniprogram 根目录下的app.json中配置，局部引入，在需要引入的页面或组件的index.json中配置。

"usingComponents": {
  "t-count-down": "tdesign-miniprogram/count-down/count-down"
}

代码演示

基础倒计时

{{ base }}

调整尺寸

{{ sizeCountDown }}

API

CountDown Props

名称	类型	默认值	说明	必传
auto-start	Boolean	true	是否自动开始倒计时	N
content	String / Slot	'default'	最终倒计时的展示内容，值为'default'时使用默认的格式，否则使用自定义样式插槽	N
format	String	HH:mm:ss	时间格式，DD-日，HH-时，mm-分，ss-秒，SSS-毫秒	N
millisecond	Boolean	false	是否开启毫秒级渲染	N
size	String	'small'	倒计时尺寸。可选项：small/medium/large v0.5.1	N
split-with-unit	Boolean	false	使用时间单位分割 v0.5.1	N
theme	String	'default'	倒计时风格。可选项：default/round/square v0.5.1	N
time	Number	-	必需。倒计时时长，单位毫秒	Y

CountDown Events

名称	参数	描述
change	(time: TimeData)	时间变化时触发。详细类型定义。 interface TimeData { days: number; hours: number; minutes: number; seconds: number; milliseconds: number }
finish	-	倒计时结束时触发