更新记录

1.1.0（2023-04-06） 下载此版本

修改end和error事件名

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

最好用的手势监听插件！谁用谁知道！欢迎提issue！

平台兼容性

1.将组件放到项目components目录下

2.引用组件import gesture from '@/components/mqy-gesture/mqy-gesture.vue'

3.如果在nvue场景使用，把后缀改为nvue即可。即：mqy-gesture.nvue

4.如果在vue3下，习惯setup写法，就自己改下

5.代码示例

<template>
    <view>
        <gesture class="mask" :fullStatus="fullStatus" @onClick="handleMask" @onDBClick="dblclick"
            @onLongpress="onLongTap" @slideLeft="handleSeekTo($event,-1)" @slideRight="handleSeekTo($event,1)"
            @slideUpLeft="slideUpLeft" @slideUpRight="slideUpRight" @slideDownLeft="slideDownLeft"
            @slideDownRight="slideDownRight" @handleEnd="handleEnd" @handleError="handleError" />
    </view>
</template>

<script>
    //将组件引用
    import gesture from '@/components/mqy-gesture/mqy-gesture.vue'

    export default {
        components: {
            gesture,
        },
        data() {
            return {
                fullStatus: false, // 是否全屏
            }
        },
        methods: {
            /**
             * 点击空白区域
             */
            handleMask() {},
            /**
             * 双击
             */
            dblclick() {},
            /**
             * 长按触发倍速播放
             */
            onLongTap() {},
            /**
             * 页面滑动
             * type ： 1：右滑，2：左滑
             */
            handleSeekTo(data, type = 1) {},
            /**
             * 左边上滑
             * @param {Object} data 触摸结果
             */
            slideUpLeft(data) {},
            /**
             * 左边下滑
             * @param {Object} data 触摸结果
             */
            slideDownLeft(data) {},
            /**
             * 右边上滑
             * @param {Object} data 触摸结果
             */
            slideUpRight(data) {},
            /**
             * 右边下滑
             * @param {Object} data 触摸结果
             */
            slideDownRight(data) {},
            /**
             * 触摸结束事件
             */
            handleEnd() {},
            /**
             * 触摸错误事件，理应做和结束事件一样的处理
             */
            handleError() {},
        }
    }
</script>

<style lang="scss" scoped>
    .mask {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
</style>