更新记录
1.0.5(2024-09-21)
下载此版本
1、输入验证码后,再选择输入框时,光标错误展示在在第一个的问题处理
1.0.4(2024-09-03)
下载此版本
1、修改复制验证码不会自动填充问题
1.0.3.1(2024-08-09)
下载此版本
脚本优化
查看更多
平台兼容性
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 为调用页面进行获取验证码的方法