vue+Vue-Awesome-Swiper实现移动端轮播效果

效果图

预览地址

https://sxs1995.github.io/vueSwiper/dist/index.html#/

代码

第三个需要css控制

.option3 {
  .box {
    height: 300px;
  }
  .swiper-slide:not(.swiper-slide-active) {
    transition: 400ms;
    transform: scale(0.85);
  }
}