rose-verify v0.0.2

VUE3 版本的 图片滑动验证组件

1.RoseVerifyCore

说明:一个独立没有弹出框的验证组件.可以结合 modal 来做一个自定的义滑动验证

2.RoseVerify

说明:一个内置的带 modal 的一个组件

安装使用

npm install rose-verify

在 main.ts 中使用

import { RoseVerify, RoseVerifyCore } from "rose-verify";
import "rose-verify/style.css";

app.use(RoseVerify);

验证组件的使用，以及参数，目前未做注释，更新后会写出完整文档

<RoseVerify
  v-model:show="isShow"
  v-model:data="verifyData"
  v-model:verifyState="verifyState"
  url=""
  verify=""
  data=""
  imgRound=""
  dragRound=""
  dragBlockHeight=""
  tip=""
  message=""
  successMessage=""
  errorMessage=""
  x=""
  y=""
  toDisable=""
  to=""
  title=""
  titleSize=""
  titleAlign=""
  iconSize=""
  zIndex=""
  bg=""
  size=""
  maskValue=""
  width=""
  height=""
  headerCss=""
  bodyCss=""
  iconCss=""
  hiddenHeader=""
  hiddenBackIcon=""
  hiddenFullscreenIcon=""
  hiddenCloseIcon=""
  maskDisable=""
  animate=""
  time=""
  transition=""
  animateDisabled=""
/>