多个swiper 循环调用写法

多个 Swiper 组件循环调用可以使用不同的类名来区分每个 Swiper，然后在页面中初始化每个 Swiper 实例，如下所示：

HTML 代码：

<!-- 第一个 Swiper -->
<div class="swiper-container my-swiper1">
  <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>
</div>

<!-- 第二个 Swiper -->
<div class="swiper-container my-swiper2">
  <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>
</div>

JavaScript 代码：

// 初始化第一个 Swiper
var mySwiper1 = new Swiper('.my-swiper1', {
  loop: true,
  // 其他配置项
});

// 初始化第二个 Swiper
var mySwiper2 = new Swiper('.my-swiper2', {
  loop: true,
  // 其他配置项
});

这样就可以同时循环调用多个 Swiper 组件了。如果有更多的 Swiper，只需要复制 HTML 代码并修改类名和内容即可。