更新记录

1.0.1（2025-10-20） 下载此版本

1.0.1（2025-10-20）

1. 修复readme的组件名字错误
2. 删除组件模板中会影响使用的代码
3. 新增readme文件 changelog文件

   1.0.0（2025-10-12）

   第一版

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

1.初次上传

平台兼容性

uni-app(3.6.11)

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 class="">
        <!-- 第一个参数是子组件传递过来的事件数据，勿动! 第二个是可以更换的参数 -->
        <xb-SlideToConfirm @slideFinish="onFinish($event,item)"></xb-SlideToConfirm>
    </view>
</template>

<script>
    export default {
        data() {
            return {

            }
        },
        onLoad() {

        },
        methods: {
            // 就这么一个方法
            onFinish(e, item) {
            console.log(e, item)
            if (e.status == "success") {
                // h5 刷新页面
                // #ifdef H5
                window.location.reload();
                // #endif
                console.log('执行方法')
            }
        },
        }
    }
</script>

<style>

</style>