uniapp 左右滑动事件

在uniapp中实现左右滑动事件可以通过使用scroll-view组件，并结合触摸事件来实现。具体的代码如下：

<template>
  <scroll-view class="swiper-container" scroll-x>
    <view class="swiper-wrapper">
      <view class="swiper-slide" @touchstart="touchStart" @touchend="touchEnd">Slide 1</view>
      <view class="swiper-slide" @touchstart="touchStart" @touchend="touchEnd">Slide 2</view>
      <view class="swiper-slide" @touchstart="touchStart" @touchend="touchEnd">Slide 3</view>
    </view>
  </scroll-view>
</template>

<script>
export default {
  methods: {
    touchStart(event) {
      // 记录触摸开始的位置
      this.startX = event.touches[0].clientX;
    },
    touchEnd(event) {
      // 计算滑动距离
      const distance = event.changedTouches[0].clientX - this.startX;
      // 判断滑动方向
      if (distance > 0) {
        // 向右滑动
        console.log("向右滑动");
      } else if (distance < 0) {
        // 向左滑动
        console.log("向左滑动");
      }
    },
  },
};
</script>