更新记录

1.0.0（2025-10-12） 下载此版本

1.初次上传

平台兼容性

uni-app(3.6.10)

SlideToConfirm 滑块组件

采用touchstart、touchmove、touchend事件实现的滑块组件,支持H5、微信小程序（其他小程序未试过，可自行尝试）

根据 wo-slider 验证码滑块修改：https://ext.dcloud.net.cn/plugin?id=14183

为了简洁大家使用，已省略部分原文档内容，完整功能可以看原插件文档

props属性

height

滑道高度（rpx单位）

height: {
    type: Number,
    default: 80,
},

sliderSize

滑块大小

sliderSize: {
    type: Number,
    default: 80
},

代码使用示例

<template>
    <view>
        // 模板里就这么一行，当然JS还有一个方法(第一个参数固定不动,第二个可以更换)
        <wo-slider @slideFinish="onFinish($event,item)">
    </view>
</template>

<script>
    export default {
        data() {
            return {}
        },
        methods: {
            // 就这么一个方法
            onFinish(e, item) {
            console.log(e, item)
            if (e.status == "success") {
                console.log('执行方法')
            }
        },
        }
    }
</script>

<style>

</style>