更新记录
1.1(2024-01-17)
下载此版本
1.布局定位问题修复
1.0(2021-07-19)
下载此版本
1.完成界面设计
2.用户交互实现
3.后期版本将实现多因子校验,提高人机校验识别率。包括但不限于以下校验因子:响应时间,拖拽速度,时间,位置,轨迹,重试次数等。
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue |
× |
√ |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
√ |
滑动验证,人机校验
滑动验证组件,主要用于输入密码、发送验证码时进行校验
使用方式
在 template 中使用组件
<xiaokeai-humanCheck title="HumanCheck" closeBtnText="Close" actionTips="Swipe block to right" checkSuccessText="CheckSuccess" :show="true" ></xiaokeai-humanCheck>
属性说明
属性名 |
类型 |
默认值 |
说明 |
show |
Boolean |
false |
是否显示校验组件 |
title |
String |
人机校验 |
左侧标题文本 |
closeBtnText |
String |
关闭 |
右侧关闭按钮文字 |
actionTips |
String |
请按住滑块,拖动到最右边 |
操作提示文字 |
checkSuccessText |
String |
校验成功 |
校验成功提示文字 |
barWidth |
Number |
568 |
组件宽度(单位:rpx) |
swiperColor |
String |
#009cd0 |
滑块滑动时的显示的背景色 |
事件说明
事件名 |
说明 |
返回值 |
@checkResult |
校验结果 |
函数参数e.detail |
@close |
右侧取消按钮点击时触发 |
- |