Swiper 2

Swiper 2中分页器的样式是需要自己手写的,不过js事件是提供好的

  1. <div class="swiper-container">
  2. <div class="swiper-wrapper">
  3. <div class="swiper-slide">
  4. </div>
  5. </div>
  6. <div class="pagination"></div>
  7. </div>
  1. var swiper2 = new Swiper('.swiper-container', {
  2. pagination: '.pagination', // 绑定分页器
  3. /*
  4. * pagination:
  5. * 参数类型:css选择器或者HTML标签
  6. *
  7. * 默认会在 .pagination 里面生成对应数量的 span ,样式需要自己手写
  8. * 当前选中的会有 swiper-active-switch 类名
  9. * 当前可视区的会有 swiper-visible-switch 类名
  10. *
  11. */
  12. paginationClickable: true, // 允许点击分页器切换
  13. });

Swiper 3

Swiper 4