更新记录

1.0.3（2023-06-13） 下载此版本

增加预览二维码

1.0.2（2023-05-12） 下载此版本

增加示例，优化组件

1.0.1（2023-04-14） 下载此版本

增加示例

平台兼容性

uni-app

liu-Slider-verify适用于uni-app项目的登陆等需求的滑块验证

本组件兼容小程序、H5,app

介绍：简单好用的滑块验证，支持偏移量（也就是说无需滑动到最右边）

--- 扫码预览、关注我们 ---

扫码关注公众号，查看更多插件信息，预览插件效果！

使用示例

<template>
    <view style="margin: 64rpx 32rpx;">
        <liu-slider-verify ref="verify" @change='change'></liu-slider-verify>
        <view style="margin-top: 30rpx;">是否成功：{{obj && obj.state}}</view>
        <view style="margin-top: 20rpx;">验证次数：{{obj && obj.verification}}</view>
        <button style="margin-top: 30rpx;" @click="reset">重置</button>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                obj: ''
            };
        },
        methods: {
            //验证回调
            change(e) {
                console.log('验证信息：', e)
                console.log('验证是否成功：' + e.state)
                console.log('验证次数：' + e.verification)
                this.obj = e
            },
            //重置
            reset() {
                this.$refs.verify.initialization()
            }
        }
    }
</script>

属性说明