Swiper：根据幻灯片更改主体的背景颜色

Question

我正在使用Swiper's Loop Mode 制作带有分页和导航的幻灯片。

我想做的是更改body 的背景颜色，具体取决于用户所在的幻灯片（比如说，我在幻灯片 2 上，正文背景颜色是#FFF，我在幻灯片 3，它是 #000 等）。

关于如何做到这一点的任何想法？

Answer 1

Demo 监听与幻灯片索引相关的过渡和改变背景

swiper.on('transitionEnd', function (e) {
      if(this.activeIndex==2){
        document.querySelector(".swiper-slide-active").style.background = 'red';
      }
 });