2020-10-10 10:10:42
浏览数 (1)
浅色分页器
代码语言：javascript
复制<style>.demo-swiper.swiper-container { height: 150px; overflow: hidden; margin: 0 10px; padding-top: 10px;
}.demo-swiper .swiper-slide { line-height: 140px; text-align: center; background: #108EE9; color: #ffffff;
}</style><div class="demo-swiper am-carousel swiper-container" id="J-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">A1</div>
<div class="swiper-slide">A2</div>
<div class="swiper-slide">A3</div>
<div class="swiper-slide">A4</div>
<div class="swiper-slide">A5</div>
</div>
<div class="swiper-pagination"></div></div><script>var mySwiper1 = new Swiper ('#J-swiper', {
pagination: '.swiper-pagination',
loop: true,
initialSlide: 2});</script>
深色分页器
代码语言：javascript
复制<style>.demo-swiper.swiper-container { height: 150px; overflow: hidden; margin: 0 10px; padding-top: 10px;
}.demo-swiper .swiper-slide { line-height: 140px; text-align: center; background: #ffffff; color: #108EE9;
}</style><div class="swiper-container am-carousel am-sp-white demo-swiper" id="J-swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">A1</div>
<div class="swiper-slide">A2</div>
<div class="swiper-slide">A3</div>
<div class="swiper-slide">A4</div>
<div class="swiper-slide">A5</div>
</div>
<div class="swiper-pagination"></div></div><script>var mySwiper1 = new Swiper ('#J-swiper', {
pagination: '.swiper-pagination',
loop: true,
initialSlide: 2});</script>
