swiper 滑动切换

Swiper是一款流行的轮播图插件，可以实现图片/内容的滑动切换。以下是Swiper的基本使用：

1. 引入Swiper库文件

<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

2. 创建Swiper容器

<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>
</div>

3. 初始化Swiper

var mySwiper = new Swiper('.swiper-container', {
  // 这里可以设置Swiper的各种属性，如方向、循环、自动播放等
});

以上是Swiper的基本使用，你可以在初始化Swiper时设置各种属性，如方向、循环、自动播放等，具体可参考Swiper官方文档。另外，Swiper还提供了丰富的API和事件，可以满足各种需求。