SendCode 发送验证码

本组件是一个发送验证码组件，可以设置倒计时，倒计时结束后可以重新发送验证码。具体使用流程：

1. 点击发送按钮，此时组件会显示loading状态，并触发send事件。
2. 在send事件中请求你自己的发送验证码api，请求成功后，调用start()方法，开始倒计时，倒计时会持续触发change事件。
3. 倒计时结束后，组件会触发end事件。

平台

App	小程序	H5
√	√	√

属性

属性名	类型	默认值	说明	平台
disabled	Boolean	false	禁用	All
seconds	Number,String	60	倒计时所需的秒数	All
text	String	获取验证码	默认文字	All
runText	String	{s}秒重新获取	倒计时文字 ”{s}“会被替换动态秒数	All
endText	String	重新获取	倒计结束文字	All
btnProps	Object	{}	按钮配置	All
cClass	String,Array,Object	null	组件类	All
cStyle	String,Array,Object	null	组件样式	All
margin	String,Number,Array	null	外边距	All
padding	String,Number,Array	null	内边距	All
bgColor	String	null	背景色，支持c-bg-开头的背景色类	All

事件

事件名	说明
send	开发发送验证码时
end	倒计时结束触发
change	倒计时持续触发

方法

名称	说明
send()	发送验证码
start()	开始倒计时
reset()	结束当前正在进行中的倒计时，设置组件为可以重新获取验证码的状态

示例

<template>
    <c-send-code ref="sendCode" @send="send" />
</template>
<script setup>
import { ref } from 'vue'

const sendCode = ref(null)
function send(){
  mySendSmsApi().then(()=>{
    sendCode.value.start()
  })
}
</script>