Qichen Count Button

qichen-count-botton 自定义倒计时组件

介绍

拥有极高的自定义程度的倒计时组件,自动宽百分百,需要多少宽度,请在组件外的view 标签内设置,请不要再组件外的view 标签设置高度

使用方式

import qichenCountButton from "../../components/qichen-count-button/qichen-count-button.stml";

<qichen-count-button :countTime="60" :height="29" :borderRadius="4" :fontSize="13" :isShowBorder="true"
        backgroundColor="#fff" borderColor="#ff5301" countText="获取验证码" color="#ff5301" :startCount="countType"
        :stop-count="stopCount" start-text="秒后重发" @button-click="start()" />

属性

属性 类型 说明 是否必填 默认值 值
countTime Number 传入倒计时时间 是 无 0~999
height Number 按钮高度 否 20 px
borderRadius Number 按钮圆角 否 5 px
fontSize Number 按钮字体大小 否 13 px
isShowBorder boolean 按钮是否有0.5px边框 否 false true,false
backgroundColor String 按钮背景颜色 否 #FFF 16进制颜色代码
borderColor String 按钮边框颜色 当有边框是必填 #000 16进制颜色代码
countText String 按钮文案 是 无 任意
start-text String 开始倒计时之后的文案 否 无 任意
color String 按钮文字颜色 否 #000 16进制颜色代码
startCount boolean 为true则开始倒计时 是 无 true,false
stop-count boolean 为false则暂停倒计时 是 无 true,false