- 个人觉得swiper 可用于绝大部分的轮播场景,当然也会有更高级的应用,视频传媒的 图片+视频轮播,swiper插件可以很好地解决类需求。
- 使用细节 原生的js 的话 可以在官网中下载js 插件到本地或者是通过CDN引入,js 版本需要和css 版本对应不然容易出问题。 使用vue 框架的需要下载相关依赖(yarn add swiper --save || npm install swiper ),vue 需要在全局引入样式。
//介绍几个常用的属性以及常用的回调函数:
effect: 切换效果(fade/slide);
loop:boolean ; //是否循环播放
autoplay:boolean;// 是否自动播放
swiper.realIndex:Number ;//获取单签滑块的index;
.
.
.
slideChangeEnd:滑块切换结束后出发;
slideTo(index,time):// 控制切换到指定的滑块
slideNext();切换到下一个滑块