lanyun-slide-verify
介绍
该组件用于避免反复操作或机器操作。
使用方法
import "../../components/lanyun-slide-verify/lanyun-slide-verify.stml";
例子
<lanyun-slide-verify
@success="handleSuccess"
@fail="handleFail"
:width="width"
height="40"
success-icon="../components/lanyun-slide-verify/asset/success.png"
fail-icon="../components/lanyun-slide-verify/asset/fail.png"
default-icon="../components/lanyun-slide-verify/asset/right.png"
bar-background="#60A5FA"
/>
props 属性
参数 |
说明 |
类型 |
默认值 |
width |
验证码宽度, 选填 |
string | number |
window宽度 |
height |
验证码高度, 选填 |
string | number |
滑块的高度 |
success-icon |
滑块成功图标, 选填 |
string |
../../components/lanyun-slide-verify/asset/success.png |
fail-icon |
滑块失败图标, 选填 |
string |
../../components/lanyun-slide-verify/asset/fail.png |
default-icon |
滑块默认图标, 选填 |
string |
../../components/lanyun-slide-verify/asset/right.png |
bar-background |
滑动的背景色, 选填 |
string |
#06f |
events 事件
事件名 |
说明 |
回调参数 |
success |
完成验证时触发 |
- |
fail |
验证失败时触发 |
- |