Swiper中文论坛

标题: 自定义分页器究竟如何使用（custom） [打印本页]

作者: 我想挂在树上 时间: 2021-8-5 15:15
标题: 自定义分页器究竟如何使用（custom）
为什么我使用自定义分页器的时候无法使用

作者: yafeng001 时间: 2021-8-7 11:49
pagination: {
      el: '.gallery-pagination',
      type : 'custom',
      renderCustom: function (swiper, current, total) {
      const html = `<div class="swiper-dots">
         <span class="swiper-dot ${current === 1 && 'active'}"></span>
         <span class="swiper-dot ${current === 2 && 'active'}"></span>
         <span class="swiper-dot ${current === 3 && 'active'}"></span>
         <span class="swiper-dot ${current === 4 && 'active'}"></span>
         </div>`;
      return html;
      }
   }

我是这么定义的样式，效果和想象的一样

作者: yafeng001 时间: 2021-8-7 11:50
用的swiper版本是 5.3

作者: 杰富富. 时间: 2021-8-12 11:32

用的swiper版本是 5.3

作者: 花花 时间: 2021-8-18 16:38
6.x如何自定义，求助

作者: TBLZ 时间: 2021-9-14 15:48

花花发表于 2021-8-18 16:38
6.x如何自定义，求助

和5.x不是一样的吗？

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)