Swiper轮播图插件,自定义分页器笔记

html部分代码:

分页器类名“swiper-wrapper”,可以自定义但不推荐

里面的“swiper-pagination-bullet”与“block-red”“block-white”是自定义样式的分页器


js部分代码:

按手册实例化Swiper类,pagination定义分页器属性。

其中type属性注意要设置成custom(自定义),renderCustom为轮播时的回调,直接在这里遍历生成自定义的分页器,并返回。


最后效果如图

网友评论

0条评论

发表

网友评论

0条评论

发表

最新评论

推荐文章

彩龙

Copyright © 2008-2020 彩龙社区(https://www.clzg.cn) 版权所有 All Rights Reserved.

免责声明: 本网不承担任何由内容提供商提供的信息所引起的争议和法律责任。

经营许可证编号:滇B2-20090009-7

下载我家昆明APP 下载彩龙社区APP