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

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';
      }
 });