SliderVerify 图片拖动验证
参数
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
type | 类型 | string | fill / rotate | fill |
image | 图片 | string | ||
offset | 偏移值 | number | 5 | |
title | 标题 | string | ||
placeholder | 文案 | string |
事件
事件名称 | 说明 | 回调参数 |
---|---|---|
success | 成功回调 | |
fail | 是吧回调 |
示例
拖动验证
html
<cl-button @tap="refs.sliderVerify?.open()">打开</cl-button>
<cl-slider-verify
title="拖动验证"
:image="Bg1"
:ref="setRefs('sliderVerify')"
/>
旋转验证
html
<cl-button @tap="refs.sliderVerify2?.open()">打开</cl-button>
<cl-slider-verify
title="旋转验证"
type="rotate"
:image="Avatar4"
:ref="setRefs('sliderVerify2')"
/>