uniapp swiper组件上下轮播

uniapp的swiper组件默认是左右轮播，如果要实现上下轮播，可以通过设置swiper的direction属性为'vertical'来实现。具体操作如下：

1. 在template中添加swiper组件，并设置direction属性为'vertical'：

<swiper direction="vertical">
  <swiper-item>
    <!-- 第一个轮播项 -->
  </swiper-item>
  <swiper-item>
    <!-- 第二个轮播项 -->
  </swiper-item>
  <swiper-item>
    <!-- 第三个轮播项 -->
  </swiper-item>
</swiper>

2. 在style中设置swiper的高度和宽度，以及swiper-item的高度：

<style>
  .swiper {
    width: 100%;
    height: 300px; /* 设置swiper的高度 */
  }
  .swiper-item {
    height: 300px; /* 设置swiper-item的高度 */
  }
</style>