图片轮播组件开发

最后更新:    浏览次数: 111

系统轮播组件基于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

 

电子邮件
info@zmpress.com
热线电话
+86 13587721433
微信关注
WeChat
在线客服
在线询盘
顶部