解决swiper滑到最后一张图后停止轮播

在Swiper库中，当滑动轮播达到最后一张图片时停止自动滚动是一种常见的需求。Swiper提供了多种配置选项来控制这种行为。以下是基本步骤：

1. **初始化Swiper实例**:
首先，你需要在HTML中引入Swiper CSS和JS文件，并创建一个 Swiper 实例。

<div class="swiper-container">
  <!-- 这里添加你的幻灯片 -->
</div>

<script src="swiper.min.js"></script>

2. **配置Swiper选项**:
在JavaScript中，你可以设置`loop`属性为`false`，这样默认不会循环播放。同时，设置`autoplayStopOnLastSlide`为`true`，以便在滑动到最后一张图片时停止自动轮播。

var swiper = new Swiper('.swiper-container', {
  loop: false,
  autoplay: {
    disableOnInteraction: true,
    stopOnLastSlide: true,
  },
});

这里`disableOnInteraction`属性防止用户交互时暂停轮播。

3. **处理最后一页事件**:
如果你还想在滑到底部时做一些额外的操作，可以监听`slideEnd`或`reachEnd`事件。

swiper.on('slideEnd reachEnd', function() {
  // 当轮播结束时，执行你的自定义操作
});