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 验证失败时触发 -