swiper 添加光标滚动到最后一个

Swiper是一个流行的JavaScript轮播库，用于创建响应式的触摸滑动幻灯片。如果你想要添加一个功能，在用户滚动到最后一个幻灯片时显示光标，你可以通过监听`swipeSlideEnd`事件并检查当前索引来实现。以下是一个简单的示例：

var swiper = new Swiper('.swiper-container', {
  // 其他配置...
  on: {
    swipeSlideEnd: function() {
      if (swiper.activeIndex === swiper.slides.length - 1) {
        // 当前是最后一个幻灯片时，显示光标或执行其他操作
        document.body.classList.add('cursor-last-slide');
      } else {
        document.body.classList.remove('cursor-last-slide'); // 如果不是最后一个，移除光标效果
      }
    }
  }
});

// 如果你想在初始化后立即处理这种情况，可以在`mounted`钩子里添加：
if (swiper.slides.length > 1) {
  checkLastSlide();
}

function checkLastSlide() {
  if (swiper.activeIndex === swiper.slides.length - 1) {
    document.body.classList.add('cursor-last-slide');
  }
}

在这个例子中，我们给body元素添加了一个名为`cursor-last-slide`的类，当到达最后一个幻灯片时，这个类会生效，展示相应的光标样式。