Swiper 的结构和基础原理

Swiper 的每个展示块（屏）为一个slide，slide中放置图片或文字等展示的内容，全部slide排成一行(或多行)包含在包装器wrapper中，而总容器container 又包裹着wrapper和箭头按钮控件navigation以及分页器控件pagination。

当手指（或鼠标）触摸滑动Swiper时，Swiper在浏览器每一帧通过计算滑动的距离差对wrapper进行位移（transform）从而产生拖动的效果。在手指（或鼠标）释放时，计算下一个slide的起始位置对wrapper设置位移动画（transition），从而产生切换动画效果。

Swiper5的API变化

Swiper5 对比Swiper4 的API并无太大变化。Swiper5 增加了CSS模式（cssMode），并且可以通过CSS文件修改Swiper颜色风格。
Swiper4 对比Swiper3 有以下不同:
Swiper4 将组件的相关选项整合起来了，并且修改了回调函数获取swiper 实例的方式为this关键词。

组件列表