小编Dan*_*iel的帖子

更改滑块中的数字格式分页

有一个 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)

html javascript css swiper.js

3
推荐指数
1
解决办法
1万
查看次数

标签 统计

css ×1

html ×1

javascript ×1

swiper.js ×1