更新记录
1.0.5(2024-06-21)
下载此版本
更新使用说明
1.0.4(2024-06-07)
下载此版本
同意时间格式
1.0.3(2024-06-07)
下载此版本
更新使用方式
查看更多
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
HBuilderX 3.1.0 app-vue |
√ |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
× |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
√ |
zf-countdown-box
如果该插件对您有帮助,麻烦收藏评价鼓励一下作者
props参数说明
名称 |
类型 |
示例 |
描述 |
setTime |
String |
'2024-06-06 09:09:09' |
设置结束时间 |
endText |
String |
已完成 |
倒计时结束后的提示文字 |
使用示例
<template>
<view>
<zf-countdown-box :endText="endText" @finishFn='finishFn' setTime="2024-06-07 09:32:10">
<template #timeObj='{item}'>
{{(item.text!=endText?`距离开始还有${item.days}天${item.hours}小时${item.minutes}分${item.seconds}秒`:item.text)}}
</template>
</zf-countdown-box>
</view>
</template>
<script setup>
const endText = "已完成"
const finishFn =(e)=>{
console.log(11,e)
uni.showToast({
title:'倒计时结束',
icon:'none'
})
}
</script>