CountDown 倒计时

倒计时组件，组件名：uni-countdown，代码块： uCountDown。

使用方式：

在 script 中引用组件 

import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"
export default {
    components: {uniCountdown}
}

一般用法

<uni-countdown 
    :day="1" 
    :hour="1" 
    :minute="12" 
    :second="40">
</uni-countdown>

不显示天数

<uni-countdown 
    :show-day="false" 
    :hour="12" 
    :minute="12" 
    :second="12">
</uni-countdown>

修改颜色

<uni-countdown 
    color="#FFFFFF" 
    background-color="#00B26A" 
    border-color="#00B26A" 
    :day="1" 
    :hour="2" 
    :minute="30" 
    :second="0">
</uni-countdown>

uniCountDown 属性说明：

属性名 类型 默认值 说明
background-color String #FFFFFF 背景色
border-color String #000000 边框颜色
color String #000000 文字颜色
splitor-color String #000000 割符号颜色
day Number 0 天数
hour Number 0 小时
minute Number 0 分钟
second Number 0 秒
show-day Boolean true 是否显示天数
show-colon Boolean true 是否以冒号为分隔符

uniCountDown 事件说明：

事件称名 说明 返回参数
timeup 倒计时时间到触发事件 -

Tips

隐私、权限及商业化声明

1. 本插件需要申请的手机端权限列表：

无

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

无

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

无

评论列表 撰写评论
加载更多...
插件问答

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