更新记录

1.0.1（2023-06-03） 下载此版本

h5 移动端 滑块验证 自适应插件， 自适应自动跳转样式，修改样式，圆角

1.0.0（2023-06-03） 下载此版本

h5 移动端 滑块验证 自适应插件， 自适应自动跳转样式，修改样式，圆角

平台兼容性

uni-app

其他

如使用过程中有问题或有一些好的建议，欢迎：

使用方式

<template>
    <view style="margin-top: 50px;">
        <xz-verif @confirmFunc="confirmFunc" :boxType="boxType" style="margin: 0 auto;"></xz-verif>
        <button @click="cancelFunc" style="margin-top: 50px;">重置</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
               boxType:true,//完成状态
            }
        },
        methods: {
            // 滑动完成事件
            confirmFunc(e){
                console.log(e);
                this.boxType=true
            },
            // 重置事件
            cancelFunc(){
                this.boxType=false
            },
        }
    }
</script>

属性说明

事件说明