swiper 自定义分页器显示_JS实用功能-2、Swiper 自定义分页器 并实现多个用省略号显示...

在实际开发中，使用Swiper滚动页，常常也会用到它内置强大的分页器，但是，如果出现Swiper-slide数据较多，比如20条以上的时候，如果再强制使用它本身内置的分页器，那就显得太密密麻麻了

所以，像是平常中，遇到多页内容，一般都会进行分页处理，而分页器内容太多的话就会用省略号处理，比如下面这种样子：

在使用Swiper时也不例外。

先看一下实现的效果图吧：

css写得有点简陋，不过这不重要，看代码就好了。

首先把Swiper部分搞定，这部分简单，省略可以吗？当然不可以：O(∩_∩)O哈哈~

/>

swiper分页

}.content{width:375px;

}.item{box-sizing:border-box;width:96%;height:150px;background-color:#f2f2f2;

}

1