swiper 轮播一行三个有两行

要实现一行三个、两行的轮播效果，你可以使用swiper插件，并在初始化时设置slidesPerView参数为3，同时设置slidesPerColumn参数为2。具体代码如下：

HTML代码：

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide">Slide 1</div>
    <div class="swiper-slide">Slide 2</div>
    <div class="swiper-slide">Slide 3</div>
    <div class="swiper-slide">Slide 4</div>
    <div class="swiper-slide">Slide 5</div>
    <div class="swiper-slide">Slide 6</div>
    <div class="swiper-slide">Slide 7</div>
    <div class="swiper-slide">Slide 8</div>
    <div class="swiper-slide">Slide 9</div>
  </div>
</div>

CSS代码：

.swiper-container {
  width: 100%;
  height: 300px;
}

.swiper-slide {
  width: 33.33%;
  height: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ccc;
  font-size: 24px;
}

JavaScript代码：

var swiper = new Swiper('.swiper-container', {
  slidesPerView: 3,
  slidesPerColumn: 2,
  spaceBetween: 10
});

在上述代码中，slidesPerView参数设置为3，表示每次显示3个轮播项；slidesPerColumn参数设置为2，表示每列显示2个轮播项。你可以根据实际需要修改样式和内容