腾讯云·社区
AntUI滑块Sliders
浅色分页器
<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>深色分页器
<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>本文参与腾讯云自媒体分享计划，欢迎正在阅读的你也加入，一起分享。
相关文章
扫码关注云+社区
领取腾讯云代金券
我来说两句