关于Swiper
Swiper是什么:swiper是开源、免费、强大的触摸滑动插件。在移动端和PC端。
swiper可以做什么:实现移动端和PC端的大部分滑动功能。如幻灯片、Tab选项卡、页面滑动切换
Swiper使用方法:参考官网的使用教程Swiper使用方法 - Swiper中文网
版本升级怎么办:一切以官网为准,同样参考官网的教程。
各种版本下载地址:https://github.com/nolimits4web/swiper
Swiper的常用API
1.swiper初始化:
用于初始化一个Swiper,返回初始化后的Swiper实例。
const swiperInstance = new Swiper(swiperContainer,parameters);
swiperContainer是DOM元素的选择器;parameter是配置参数,是一个对象。
2.配置参数:
initialSlide属性:用于设定初始化时slide的索引,默认值是0;
direction属性:是Swiper的滑动方向,可设置为水平方向切换(horizontal)或垂直方向切换(vertical);
speed属性:是切换速度,即slider自动滑动开始到结束的时间(单位ms),也是触摸滑动时释放至贴合的时间。
effect属性:slide的切换效果,默认为"slide"(位移切换),可设置为'slide'(普通切换、默认),"fade"(淡入)"cube"(