更新记录

1.0.5(2024-06-21) 下载此版本

更新使用说明

1.0.4(2024-06-07) 下载此版本

同意时间格式

1.0.3(2024-06-07) 下载此版本

更新使用方式

查看更多

平台兼容性

HbuilderX/cli最低兼容版本
3.1.0

uni-app

Vue2 Vue3
?
app-vue app-nvue app-android app-ios app-harmony
? ? ? ? ?
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
? ? ? ? ? ? ? ? ?
微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序 钉钉小程序 快手小程序 飞书小程序 京东小程序
? ? ? ? ? ? ? ? ?
快应用-华为 快应用-联盟
? ?

uni-app x

app-android app-ios
? ?
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>

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问