SUI框架自动轮播效果

admin

1. <div class="content">
   
2.   <!-- Slider -->
   
3.   <div class="swiper-container" data-space-between='10' data-autoplay="3000">
   
4.     <div class="swiper-wrapper">
   
5.       <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1n3rZHFXXXXX9XFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
   
6.       <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i4/TB10rkPGVXXXXXGapXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
   
7.       <div class="swiper-slide"><img src="//gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i1/TB1kQI3HpXXXXbSXFXXXXXXXXXX_!!0-item_pic.jpg_320x320q60.jpg" alt=""></div>
   
8.     </div>
   
9.     <div class="swiper-pagination"></div>
   
10.   </div>
    
11. </div>

复制代码