有一个 Swiper 滑块,现在分页看起来像 1 - 3,我需要像 01 - 03 那样。
这是一个演示
https://codepen.io/anakin-skywalker94/pen/RmWxbE
超文本标记语言
<!-- Slider main container -->
<div class="swiper-container">
<!-- Additional required wrapper -->
<div class="swiper-wrapper">
<!-- Slides -->
<div class="swiper-slide">Slide 1</div>
<div class="swiper-slide">Slide 2</div>
<div class="swiper-slide">Slide 3</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination"></div>
</div>
Run Code Online (Sandbox Code Playgroud)
JS
var swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
type: 'fraction',
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
direction: 'horizontal',
loop: true,
slidesPerView: 1,
spaceBetween: 0,
mousewheel: true, …Run Code Online (Sandbox Code Playgroud)