基于vue-drag-verify二次开发的vue组件 工作中需要用到vue滑动组件,在npm上找到一款vue-drag-verify,但是美观度不够。所以在其基础上增加了参数提高了交互效果,并根据日常需求封装了常用的四个组件: 滑块组件文档&演示地址 图片滑块组件文档&演示地址 图片滑块组件(拼图)文档&演示地址 旋转图片滑块组件文档&演示地址 ...
github地址:https://github.com/AshleyLv/vue-drag-verify 效果图# 示例# import dragVerify from"vue-drag-verify"; <drag-verify:width="300":height="50"text="拖拽滑块右滑验证"successText="验证成功"background="#ccc"color="#fff"progressBarBg="#ff9"completedBg="#58bc58":circle="true"handlerIc...
基于vue-drag-verify二次开发的vue滑块验证组件【支持vue3】. Latest version: 1.2.0, last published: 4 years ago. Start using vue-drag-verify2 in your project by running `npm i vue-drag-verify2`. There are 3 other projects in the npm registry using vue-drag-
dragVerifyImgRotate.vue feat 兼容vue3 Apr 21, 2021 Repository files navigation README 基于vue-drag-verify二次开发的vue组件 需对父元素或html设置user-select: none demo 使用方法 引入升级包 a. 使用npm(暂不支持vue3) // 基本滑块验证组件 npm i vue-drag-verify2 -S // 图片滑块组件 npm i vue...
dragVerifyStyle: function() { return { width: this.width + "px", height: this.height + "px", lineHeight: this.height + "px", background: this.background, borderRadius: this.circle ? this.height / 2 + "px" : this.radius }; }, dragVerifyImgStyle: function() { return { width:...
TypeError: Cannot read properties of undefined (reading '_c')在引入时加上“/src”：import dragVerify from "vue-drag-verify"; 改成 import dragVerify from "vue-drag-verify/src";
yimijianfang js 基于vue-drag-verify二次开发的vue滑块验证组件【支持vue3】 Version1.2.0LicenseMIT INSTALL Version: Static Open in jsfiddle Learn more ReadmeFilesStatisticsBrowse CDN Statistics Requests0 Bandwidth0 Top version -0 vue-drag-verify2 ...
vue-drag-verify-img-chip 基于vue-drag-verify二次开发的vue滑块验证组件 vue-drag-verify-img-chip 滑动验证 拼图验证 yimijianfang •1.1.1•4 years ago•0dependents•MITpublished version1.1.1,4 years ago0dependentslicensed under $MIT ...
xiosheng/vue-drag-verify forked from mirrors_ashleylv/vue-drag-verify 确定同步? 同步操作将从 mirrors_ashleylv/vue-drag-verify 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 同步...