更新记录

1.0.5(2024-09-21) 下载此版本

1、输入验证码后,再选择输入框时,光标错误展示在在第一个的问题处理

1.0.4(2024-09-03) 下载此版本

1、修改复制验证码不会自动填充问题

1.0.3.1(2024-08-09) 下载此版本

脚本优化

查看更多

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 4.19 app-vue × × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
10

xiaopao-code


1、组件直接导入到(uni-modules)即可,
    使用:<xiaopao-code></xiaopao-code>

2、添加回调获取验证码方法 cbCode,
    使用:<xiaopao-code @cbCode="cbCodeFun"></xiaopao-code>

3、添加是否展示倒计时 showTime 默认为 true, 
    使用:<xiaopao-code @cbCode="cbCodeFun" :showTime="true"></xiaopao-code>

4、执行开始倒计时直接调用组件的 doStart() 方法, 使用:
    <xiaopao-code ref="xiaopaoCodeRef" @cbCode="cbCodeFun" :showTime="true"></xiaopao-code>
    this.$refs.xiaopaoCodeRef && this.$refs.xiaopaoCodeRef.doStart() // 在获取验证码结束时,并在组件展示后进行调用

5、执行重新获取验证码方法 getCode(), 使用:
    <xiaopao-code ref="xiaopaoCodeRef" @cbCode="cbCodeFun" :showTime="true" @getCode="getCodeFun"></xiaopao-code>
    getCodeFun 为调用页面进行获取验证码的方法

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问