用swiper做轮播图,里面有两个分页器,其中一个分页器用小圆点表示,另外一个分页器

用数字表示，应该怎么实现呢？

可以使用swiper的pagination配置项，它可以配置分页器的样式和位置。对于小圆点的分页器，可以配置pagination.type为"bullets"；对于数字分页器，可以配置pagination.type为"fraction"。代码示例如下：

var mySwiper = new Swiper('.swiper-container', {
  // 其他配置项...
  pagination: {
    el: '.swiper-pagination',
    type: 'bullets', // 小圆点分页器
    bulletElement: 'span' // 小圆点的标签可以自定义，默认是li
  },
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
});

var mySwiper2 = new Swiper('.swiper-container2', {
  // 其他配置项...
  pagination: {
    el: '.swiper-pagination2',
    type: 'fraction', // 数字分页器
  },
  navigation: {
    nextEl: '.swiper-button-next2',
    prevEl: '.swiper-button-prev2',
  },
});

然后在HTML中添加对应的分页器容器即可：

<!-- 小圆点分页器 -->
<div class="swiper-pagination"></div>

<!-- 数字分页器 -->
<div class="swiper-pagination2"></div>