轮播图的实现源码

轮播图的实现
```

 

wxml：
 <view>   
       <swiper class='swipers' indicatorDots='true' interval='5000' autoplay='true'>  
                <swiper-item>      
                       <image src='/img/class1.jpg' class='swiper_item'></image>    
               </swiper-item>     
                <swiper-item>      
                         <image src='/img/class1.jpg' class='swiper_item'></image>   
                  </swiper-item>   
                 <swiper-item>        
                              <image src='/img/class1.jpg' class='swiper_item'></image>          
                 </swiper-item>        
                   <swiper-item>    
                               <image src='/img/class1.jpg' class='swiper_item'></image>     
                   </swiper-item>    
              </swiper>  
    </view>
```

/* 轮播图 */

css：
.swiper {
 width: 100%;
 }
 .swiper_con { 
 width: 100%;
  height: 100%;
   padding: 0rpx 0;
   }.
   swipers {
     width: 100%;
      height:300rpx;
      }.
      swiper_item
       {  width: 100%; 
       height: 100%;
       }
       ~```