更新记录
1.0.0(2024-06-26)
下载此版本
1.0.0
平台兼容性
HbuilderX/cli最低兼容版本 |
3.1.0 |
uni-app
app-vue |
app-nvue |
app-android |
app-ios |
? |
? |
? |
? |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
? |
? |
? |
? |
? |
? |
? |
? |
? |
uni-app x
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
? |
? |
? |
? |
? |
? |
? |
? |
? |
shaoll-count-down
Props
参数 |
说明 |
类型 |
默认值 |
可选值 |
timestamp |
倒计时,单位为秒 |
String/Number |
0 - |
autoplay |
是否自动开始倒计时,如果为false,需手动调用开始方法。见上方说明 |
Boolean |
true |
false |
separator |
分隔符,colon为英文冒号,zh为中文 |
String |
colon |
zh |
separator-size |
分隔符的字体大小,单位rpx |
String/Number |
30 |
- |
separator-color |
分隔符的颜色 |
String |
#303133 |
- |
font-size |
倒计时字体大小,单位rpx |
String/Number30 |
- |
show-border |
是否显示倒计时数字的边框 |
Boolean |
false |
true |
border-color |
数字边框的颜色 |
String |
#303133 |
- |
bg-color |
倒计时数字的背景颜色 |
String |
#ffffff |
- |
color |
倒计时数字的颜色 |
String |
#303133 |
- |
height |
数字高度值(宽度等同此值),设置边框时看情况是否需要设置此值,单位rpx |
String |
auto |
- |
show-days |
是否显示倒计时的"天"部分 |
Boolean |
true |
false |
show-hours |
是否显示倒计时的"时"部分 |
Boolean |
true |
false |
show-minutes |
是否显示倒计时的"分"部分 |
Boolean |
true |
false |
show-seconds |
是否显示倒计时的"秒"部分 |
Boolean |
true |
false |
hide-zero-day 1.4.4 |
当"天"的部分为0时,隐藏该字段 |
Boolean |
true |
false |
Events
参数 |
说明 |
回调参数 |
end |
倒计时结束 |
- |
change |
倒计过程中,每秒触发一次 |
timestamp: 当前剩余的倒计秒数 |
Methods
需要通过ref获取倒计时组件才能调用,见上方"倒计时执行的时机"说明