【强哥转载】vue滑动插件 vue-drag-verify

一、插件的安装 ：

npm install vue-drag-verify --save
二、安装字体图标 font-awesome

npm install font-awesome --save

三、使用方法

<drag-verify 
    :width="width" 
    :height="height" 
    :text="text" 
    :circle="false"
    :success-text="successText" 
    :background="background" 
    :progress-bar-bg="progressBarBg" 
    :completed-bg="completedBg" 
    :handler-bg="handlerBg" 
    :handler-icon="handlerIcon" 
    :text-size="textSize" 
    :success-icon="successIcon"
    ref="Verify"
>
</drag-verify>

import dragVerify from ‘vue-drag-verify’

import ‘font-awesome/css/font-awesome.min.css’ // 最好在main.js中引入，可以全局使用

data() {
return {
handlerIcon: “fa fa-angle-double-right”,
successIcon: “fa fa-check”,
backgro