Count Down Button

countDown-button

介绍

短信验证码倒计时按钮,可以灵活设置样式及显示内容。

使用方法

import '../../components/countDown-button.stml'

例子

<countDown-button 
text="获取验证码" 
prefix="没收到?" 
background="#00BFFF" 
fontSize="10px" 
fontColor="FF0000"
border="1px solid #FF00FF"
borderRadius="15px"
onresult="click"
> 
</countDown-button>

props 属性

参数 说明 类型 默认值
text 展示文本,选填 string 获取验证码
prefix 倒计时数字前缀,选填 string -
time 倒计时时间,选填 string 60
end 倒计时结束显示文本,选填 string 重新发送
fontColor 字体颜色,选填 string #000
fontSize 字体大小,选填 string 10px
background 按钮背景颜色,选填 string #F8F8FF
borderRadius 圆角大小,选填 string 10px
border 边框样式,选填 string 1px solid #F8F8FF

events 事件

事件名 说明 回调参数
click 点按钮时触发 -