uniapp多个swiper组件同时上下滚动

在UniApp中，实现多个swiper组件同时上下滚动可以通过以下步骤实现：

1. 在父组件中，创建一个变量来保存swiper组件的当前滚动位置，例如`scrollTop`。
2. 使用`@scroll`事件监听swiper组件的滚动事件，并将滚动位置赋值给`scrollTop`变量。
3. 在其他需要跟随滚动的swiper组件中，使用`:scroll-top`绑定属性将`scrollTop`变量的值传递给swiper组件。
4. 在需要跟随滚动的swiper组件中，使用`:style`绑定属性将swiper组件的滚动位置设置为`scrollTop`变量的值。

以下是一个示例代码：

<template>
  <view>
    <swiper class="swiper1" @scroll="onScroll1">
      <!-- swiper1内容 -->
    </swiper>

    <swiper class="swiper2" :scroll-top="scrollTop">
      <!-- swiper2内容 -->
    </swiper>
  </view>
</template>

<script>
export default {
  data() {
    return {
      scrollTop: 0
    }
  },
  methods: {
    onScroll1(event) {
      this.scrollTop = event.detail.scrollTop
    }
  }
}
</script>

<style>
.swiper1,
.swiper2 {
  width: 100%;
  height: 200px;
}
</style>

在上面的示例中，当`swiper1`滚动时，会触发`onScroll1`方法，将滚动位置赋值给`scrollTop`变量。然后，将`scrollTop`变量的值通过`:scroll-top`绑定属性传递给`swiper2`，实现多个swiper组件同时上下滚动的效果。

注意：上述示例中的样式和事件名仅供参考，具体根据自己的需求进行调整。