countDown-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 点按钮时触发 -
是否仍需要帮助？ 请保持联络！
最后更新于 2025/09/15