lemon_swiper

功能描述

Swiper滑块是集成 Swiper的移动滑块模块,可自定义样式。

依赖的模块

  1. Swiper

快速使用

  1. <div class="swiper-container">
  2. <div class="swiper-wrapper">
  3. <div class="swiper-slide" style="background:#FF7F50; width:100%; height:100%; text-align:center; line-height:30em">slider1</div>
  4. <div class="swiper-slide" style="background:#FF6A6A; width:100%; height:100%; text-align:center; line-height:30em;">slider2</div>
  5. <div class="swiper-slide" style="background:#EEEE00; width:100%; height:100%; text-align:center; line-height:30em;">slider3</div>
  6. </div>
  7. </div>
  8. <script>
  9. var mySwiper = new Swiper('.swiper-container', {
  10. autoplay: 3000,//可选选项,自动滑动
  11. })
  12. </script>

特别说明

使用本模块注意会与同Swiper模块冲突,请开发者谨慎选择,本模块为1.0版本,后续会陆续更新。