这是一个基于vue2的验证组件--。用于登陆或者注册等。可以自定义背景色和字体以及形状等属性。

这里是

安装

通过npm安装

npm install vue-drag-verify --save

插件应用

import Vue from 'vue'import dragVerify from 'vue-drag-verify'export default {  name: 'app',  components:{    dragVerify  }}

组件参数

名称 | 类型 | 默认值 | 说明

--- | --- | --- | ---width | Number | 200 | 组件的宽度height | Number | 60 | 组件的高度text | String | swiping to the right side | 提示信息文字successText | String | success | 验证通过时的提示信息文字background | String | #ccc | 组件背景色color | String | #ffffff | 组件文字颜色progressBarBg | String | #FFFF99 | 拖拽过程中的背景颜色completedBg | String | #66cc66 | 验证成功的背景颜色circle | Boolean | true | 设为true,组件为圆形按钮，否则为长方形handlerIcon | String | - | 拖拽按钮的iconsuccessIcon | String | - | 验证通过时拖拽按钮的iconhandlerBg | String | #fff | 拖拽按钮的背景色textSize | String | 20px | 组件的文字大小

推荐一个找vue,angular组件的