Skip to content

SliderVerify 图片拖动验证

参数

参数说明类型可选值默认值
type类型stringfill / rotatefill
image图片string
offset偏移值number5
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')"
/>