# CountDown

图片上传控件

# CountDown 引入

TIP

import CountDownBase from "jimoui/components/CountDownBase/CountDownBase"; // 基础倒计时组件
import CountDown from "jimoui/components/CountDown/CountDown"; // 自定义样式倒计时组件

1
2

# 代码演示

TIP

<CountDownBase
  :startTime="startTime"
  :endTime="endTime"
  :countDownTime="countDownTime"
  :format="hh:mm:ss"
  :canChangeFormat="true"
  :customStyles="{color: red}"
/>
<CountDown
  :startTime="startTime"
  :endTime="endTime"
  :countDownTime="countDownTime"
  :format="hh:mm:ss"
  :canChangeFormat="true"
  :textStyles="{color: red}"
  :dayStyles="{color: red}"
  :colonStyles="{color: red}"
  :scaleValue="2"
/>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

# 属性

配置	用途	取值	使用描述
startTime	倒计时开始时间	String	非必传。例：2021/12/31 10:00:00。若不传，取前端设备当前时间。
endTime	倒计时结束时间	String	非必传。例：2021/12/31 22:00:00。若不传countDownTime，则必传
countDownTime	开始时间和结束时间的差值	String/Number	非必传。例：86000000。若不传endTime，则必传。若与endTime同时传入，该值会被优先使用。
pause	暂停	Boolean	非必传，默认值为false。暂停倒计时
show	控制倒计时显示	Boolean	非必传，默认值为false。该属性为占位隐藏，需要销毁定时器，请使用v-if。
format	倒计时显示格式	String	非必传。例：dd:hh:mm:ss，hh:mm:ss，mm:ss。 d代表天，h代表时，m代表分，s代表秒。
canChangeFormat	是否自动转换倒计时格式	Boolean	非必传，默认为false。传入true，将在倒计时第一位为0的时候，自动转化倒计时的格式。
customStyles	倒计时样式	String/Object	非必传，CountDownBase组件专用。例：'color: red'或{color: red}。可以自定义倒计时样式，px相关需要手动转换rem。
dayStyles	天自定义样式	String	非必传，CountDown组件专用。倒计时中，天的样式，例：'color: red'或{color: red}。
textStyles	时分秒自定义样式	String	非必传，CountDown组件专用。倒计时中，时分秒的样式，例：'color: red'或{color: red}。
colonStyles	间隔符号自定义样式	String	非必传，CountDown组件专用。倒计时中，间隔符号，即“:”的样式，例：'color: red'或{color: red}。
scaleValue	缩放	Number	非必传，CountDown组件专用。倒计时组件的放大倍数。
@countDownStop	倒计时结束事件	FUNCTION	倒计时结束时向上传递的事件。返回参数countDownStop = true。