Vue-simple-verify NPM

vue-simple-verify

简易滑动验证之vue插件

截图

安装

$ npm install vue-simple-verify

注册组件

import Vue from 'vue'
import VueSimpleVerify from 'vue-simple-verify'
import '../node_modules/vue-simple-verify/dist/vue-simple-verify.css'

Vue.component('vue-simple-verify', VueSimpleVerify)

使用组件

<vue-simple-verify ref="verify" @success="success" />

参数说明

字段名	字段类型	默认值	说明
width	number	340	长度
height	number	36	宽度
borderColor	string	#e4e4e4	边框颜色
bgColor	string	#f2f3f5	背景颜色
borderRadius	number	4	圆角大小
tips	string	请按住滑块，拖动到最右边	提示文案
barBackground	string	默认图片	滑块的背景颜色，可以是图片
movedColor	string	默认颜色	滑过的颜色
successTips	string	完成验证	成功文案
successIcon	string	默认图片	成功后的图标