var setSwiper = function(){
var swiper = new Swiper('.swiper-container',{
pagination: {
el: '.swiper-pagination',
clickable: true,
renderBullet: function (index, className) {
return '<div class="' + className + '"></div>';
}
}
});
var length = $('.swiper-slide').length;
length = 100/length;
$('.swiper-pagination-bullet').css('margin','0px');
}
.swiper-pagination{
position:relative;
width: 100vw;
}
.swiper-pagination-bullet{
width:1.5rem;
height:.17rem;
border-radius: 0;
background:#000000;
}
swiper 自定义 底部分页器
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 昨天在完善抢座程序的时候,遇到一个问题:当用户自由选择座位的时候,需要多级向下选择,比如先选择校区->选择房间->...
- 今天使用自定义分页 踩了一些坑,记录一下 首选使用的是 Directive 指令的方式,nuxtjs (Vue 项...