图片轮播组件开发
最后更新: 浏览次数: 325
系统轮播组件基于swiper 8深度定制
属性列表
| 属性名 | 说明 | 属性 | 对应 |
| data-ident | 轮播组件绑定 | ||
| data-speed | 切换速度 | int（默认300） | speeed |
| data-delay | 自动切换的时间间隔 | int（默认3000） | delay |
| data-slidesPerView | 设置slider容器能够同时显示的slides数量 | int（默认1） | slidesPerView |
| data-slidesPerGroup | 在carousel mode下定义slides的数量多少为一组。 | int（默认1） | slidesPerGroup |
| data-spaceBetween | 在slide之间设置距离（单位px）。 | int（默认0） | spaceBetween |
| data-effect | 设置Slide的切换效果 | "slide"（普通位移切换 默认）、"fade"（淡入） | effect |
| data-paginationType | 分页器样式类型 | bullets’ （圆点 默认）、‘fraction’ （分式） 、 ‘progressbar’ （进度条）、‘custom’（自定义） | type |
| data-loop | 设置为 true 则开启循环(loop)模式。loop模式：会在原本slide 前后复制若干个slide (默认一个)并在合适的时候切换，让Swiper看起来像是循环的。 |
boolean（默认false） | loop |
| data-direction | Swiper的滑动方向 | 水平方向切换（horizontal 默认） ,垂直方向切换 （vertical） |
direction |
| data-parallax | 设置为true开启Swiper的视差效果，内容在切换时更有层次感。 | boolean（默认true） | parallax |
| data-breakpoints | 断点设定，允许为不同的响应断点（屏幕尺寸）设置不同的参数。 | breakpoints | |
| data-autoplay | 在slide自动切换开始时执行。 | autoplay | |
| data-centeredSlides | 居中幻灯片 | boolean（false 默认） | centeredSlides |
