antd自定义分页器_swiper自定义分页器

问题:不想使用swiper(用的是4.5.1版本)的自带的圆钮式的分页器,需要自定义样式同时分页器需要摆在图片外面

解决办法:利用swiper提供的renderCustom()方法

html文件

js文件

var mySwiper = new Swiper ('.swiper-container', {

autoplay: {

delay: 3000,

disableOnInteraction: false

},

pagination: {

el: '.swiper-pagination',

type: 'custom',

renderCustom: function (swiper, current, total) {

var customPaginationHtml = "";

for(var i = 0; i < total; i++) {

// 判断哪个分页器此刻应该被激活

if(i == (current - 1)) {

cust

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值