解决swiper插件过渡效果 effect: 'fade' 导致文字重叠问题

在使用swiper插件做图片轮播的，会遇到过渡效果 effect: 'fade' 导致文字重叠问题，我们可以通过以下方法来解决这个问题

方法一：加入如下方法

effect:"fade",
  fadeEffect:{
   crossFade: true
  },

方法二：使用css样式控制

.swiper-slide-active{
opacity:1 !important;
}