swiper自定义分页器的样式
本文实例为大家分享了swiper自定义分页器的样式代码,供大家参考,具体内容如下
js主要代码
pagination:{ //自定义分页器的类名----必填项 el:'.custom-pagination', //是否可点击----必填项 clickable:true, //分页的类型是自定义的----必填项 type:'custom', //自定义特殊类型分页器,当分页器类型设置为自定义时可用。 renderCustom:function(swiper,current,total){ console.log(current);//1234 } },
一、el
分页器容器的css选择器或HTML标签。分页器等组件可以置于container之外,不同Swiper的组件应该有所区分,如#pagination1,#pagination2。
二、分页器样式类型可选
‘bullets'圆点(默认)
‘fraction'分式
‘progressbar'进度条
‘custom'自定义
三、renderCustom()
自定义特殊类型分页器,当分页器类型设置为自定义时可用。
四、slideToLoop()
在Loop模式下Swiper切换到指定slide。切换到的是slide索引是realIndex
源码
Document 首页 网站 关于 联系