# uni-countdown 倒计时
# 平台差异
| App | H5 | 微信小程序 | 支付宝小程序 | 百度小程序 | 头条小程序 |
|---|---|---|---|---|---|
| √ | √ | √ | √ | √ | √ |
# 基本使用
<template>
<view>
<uni-countdown
color="#FFFFFF"
background-color="#2A3948"
:day="downInfo.days"
:hour="downInfo.hours"
:minute="downInfo.minutes"
:second="downInfo.seconds"
@timeup="countOver"
></uni-countdown>
</view>
</template>
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# API
# Props
| 参数 | 说明 | 类型 | 默认值 | 可选值 | 平台差异 |
|---|---|---|---|---|---|
| showDay | 是否显示天数 | Boolean | true | - | - |
| showColon | 是否显示冒号 | Boolean | true | - | - |
| backgroundColor | 背景颜色 | String | #FFFFFF | - | - |
| borderColor | 边框颜色 | String | #000000 | - | - |
| color | 颜色 | String | #000000 | - | - |
| splitorColor | 分割处颜色 | String | #000000 | - | - |
| day | 天 | [Number, String] | 0 | - | - |
| hour | 时 | [Number, String] | 0 | - | - |
| minute | 分 | [Number, String] | 0 | - | - |
| second | 秒 | [Number, String] | 0 | - | - |
# Events
| 事件名 | 说明 |
|---|---|
| timeup | 倒计时结束回调 |