CountDown 倒计时

用于商城倒计时场景

基本使用

传入开始时间和结束时间即可；支持常用日期格式和时间戳

<com-count-down startTime="2022-10-29" endTime="2022-12-30"
 showDay></com-count-down>
			
<com-count-down startTime="2022-10-29" endTime="2022-12-30"></com-count-down>

<com-count-down startTime="2022-09-29" endTime="2022-09-30"></com-count-down>

<!-- 中文分隔符 -->
<com-count-down startTime="2022-12-29" endTime="2022-12-30" 
unit="zh" showDay></com-count-down>

<!-- 自定义颜色 -->
<com-count-down 
    startTime="2022-12-29" 
    endTime="2022-12-30" 
    showDay
    bgColor="#5555ff"
    color="#fff"
    unitColor="#5555ff"></com-count-down>

<!-- 自定义样式 -->
<view class="bg-red pd-30 mgt-30">
    <com-count-down
        startTime="2022-12-29" 
        endTime="2022-12-30" 
        showDay
        bgColor="#fff"
        color="red"
        unitColor="#fff"
        :textStyle="textStyle"
        :numberStyle="numberStyle"></com-count-down>
</view>

API

Props

属性名	说明	类型	必填	默认值
startTime	开始时间,支持时间戳和日期格式的字符串	String / Number	false	-
endTime	结束时间,支持时间戳和日期格式的字符串	String / Number	false	-
showDay	显示天数	Boolean	false	false
unit	分隔符 colon为英文冒号，zh为中文	String	false	colon
showLabel	显示内部状态说明文字	Boolean	false	true
inline	是否文本和倒计时区域在一行展示	Boolean	false	true
color	将作为内部文字相关颜色	String	false	#DB201E
bgColor	将作为内部背景/边框颜色	String	false	-
unitColor	分隔符颜色	String	false	#DB201E
numberStyle	数字样式	Object	false	{}
unitStyle	单位样式	Object	false	{}
textStyle	文本说明样式	Object	false	{}

Events

事件	说明	回调参数
start	到达开始时间时触发	-
end	倒计时结束触发	-