Vue2-drag-code NPM

vue2-drag-code

项目说明

组件功能
- 拖动验证码
更新说明
- 2020-08-11 最新更新：优化拖动滑块的自适应尺寸
使用方式 - 从开始位置，拖动光标到最后，即验证通过（非拼图）
注意事项
- 使用时给组件一个宽高固定的父级盒子，因为组件是百分比自适应宽高的
- 默认支持 ES6
- 默认支持 CSS3
- 默认 vue 版本在 2.0 以上
- 接受一个回调函数：dragCallBack，参数有：success、fail、reset

使用示例

- demo.vue

<template>
    <div id="demoContent" style="width:300px;height:40px;">
        <dragCode v-on:dragCallBack="callBack"></dragCode>
    </div>
</template>
<script>
    import dragCode from 'vue2-drag-code';
    export default {
        components: {
            dragCode: dragCode
        },
        methods:{
            callBack(param){
                console.log(param)
            }
        }
    }
</script>