更新记录

1.0.0（2025-06-12） 下载此版本

一行代码实现发送验证码功能

平台兼容性

sms-input

一行代码实现发送验证码功能

基本用法

        <sms-input ref="smsInput" class="sms-code-view" @custom-event="getSmsCode"></sms-input>

        getSmsCode() {
            if (true) {
                //判断各种条是否满足获取短信了
            }
            //触发倒计时时间
            this.$refs.smsInput.countDown()
            //获取验证码输入框内容
            console.log('验证码：' + this.$refs.smsInput.smsCode)
        }

API

以下是可用属性
            /* 倒计时时间
 */
countDownTime: {
    type: Number,
    default: 60
},
/* 输入框提示输入文本
 */
inputPlacheHolder: {
    type: String,
    default: '请输入验证码'
},
/* 输入框背景色
 */
inputColor: {
    type: String,
    default: "#F1F7FA",
},
/* 输入框输入文本颜色
 */
inputTextColor: {
    type: String,
    default: "#000",
},
/* 输入框提示文本颜色
 */
inputPlacheHolderColor: {
    type: String,
    default: "#F00",
},
/* 倒计时后拼接字符
 */
smsCodeTimeText: {
    type: String,
    default: 's'
},
/* 发送验证码按钮文本
 */
smsCodeBtnText: {
    type: String,
    default: '发送验证码'
},
/* 发送验证码按钮颜色
 */
smsCodeBtnColor: {
    type: String,
    default: "#FFF",
},
/* 发送验证码按钮文本颜色
 */
smsCodeBtnTextColor: {
    type: String,
    default: "#2E6DFF"
},