Skip to content

基于vue 3.x『可配置』前端验证,图片滑块验证、图片旋转验证、四字成语验证、自定义验证

Notifications You must be signed in to change notification settings

chilliness/vue-verify

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

多类型可视化验证

亮点

1、本项目提供三款类型验证,默认为类型1

2、类型1和类型2可配置误差精度,默认值为5

3、支持自定义提示文案和背景图,图片尺寸280x160

4、类型3可自定义数据及混淆文本,默认使用内置成语和混淆文本,如需配置,参考组件内置数据

5、提供『刷新、成功、失败、关闭』事件回调,且『成功、失败』事件会回传是否人为操作检查结果

6、其他亮点,不再一一罗列,请自行发掘

效果

最终效果

注意事项

1、CSS代码使用Scss编写

2、本组件是针对移动端开发的,但PC端亦可使用

3、所有数据和组件均在src/components文件夹下,以文件夹划分

4、组件为tag-captcha,可直接复制到项目中使用,使用方法参考本项目

Project setup

pnpm install

Compiles and hot-reloads for development

pnpm run dev

Compiles and minifies for production

pnpm run build

About

基于vue 3.x『可配置』前端验证,图片滑块验证、图片旋转验证、四字成语验证、自定义验证

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published