更新记录

1.0.0（2025-06-21） 下载此版本

• 通用手势滑动容器
• 兼容app和微信小程序
• 实际使用可全局注册

平台兼容性

uni-app

使用

test.vue
<template>
    <view class="">
        <WangXx-slideByTouch @touchs="touchs">
            <view class="box">
                滑动方向：{{txt}}
            </view>
        </WangXx-slideByTouch>
    </view>
</template>

<script setup >
    import { ref } from 'vue';
    const txt = ref('')
    const touchs = ({left,right,direction})=>{
        txt.value = {1:'左滑',2:'右滑'}[direction]
    }
</script>

<style lang="scss" scoped>
.box{
    height: 100vh;
    width: 100vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #76bcb4;
}
</style>

参数说明

事件