uniapp多个swiper组件同时滚动

你可以通过使用swiper组件的`current`属性和`setCurrent`方法来实现多个swiper组件同时滚动。首先，在每个swiper组件上设置一个唯一的`ref`属性，然后在页面的`onPageScroll`事件中监听滚动事件。在滚动事件中，你可以根据当前滚动的距离来计算出当前应该显示的swiper组件，并使用`setCurrent`方法将其设置为当前swiper组件。这样就可以实现多个swiper组件的同时滚动效果。

以下是一个示例代码：

<template>
  <view>
    <swiper ref="swiper1">
      <!-- swiper1的内容 -->
    </swiper>
    <swiper ref="swiper2">
      <!-- swiper2的内容 -->
    </swiper>
  </view>
</template>

<script>
export default {
  onReady() {
    // 监听页面滚动事件
    uni.pageScrollTo({
      scrollTop: 0,
      duration: 0
    })
    uni.startPullDownRefresh({
      success: () => {
        this.onPullDownRefresh()
        uni.stopPullDownRefresh()
      }
    })
  },
  onPageScroll(event) {
    // 计算当前滚动位置
    const scrollTop = event.scrollTop

    // 获取swiper1和swiper2的ref引用
    const swiper1 = this.$refs.swiper1
    const swiper2 = this.$refs.swiper2

    // 根据滚动位置判断当前应该显示的swiper组件
    if (scrollTop >= 0 && scrollTop < 500) {
      swiper1.setCurrent(0)
      swiper2.setCurrent(0)
    } else if (scrollTop >= 500 && scrollTop < 1000) {
      swiper1.setCurrent(1)
      swiper2.setCurrent(1)
    } else if (scrollTop >= 1000 && scrollTop < 1500) {
      swiper1.setCurrent(2)
      swiper2.setCurrent(2)
    }
    // 根据需要添加更多的判断条件
  }
}
</script>

在上面的示例代码中，我们使用了两个swiper组件，并分别设置了唯一的`ref`属性。然后，在页面的`onPageScroll`事件中，根据滚动的位置来判断当前应该显示的swiper组件，并使用`setCurrent`方法将其设置为当前swiper组件。根据需要，你可以添加更多的判断条件来支持更多的swiper组件。

希望这个示例能帮助到你！如果有任何疑问，请随时向我提问。