ionic轮播图

  1. 根据自带的滑动图,只需要添加加红字体
  2. <ion-view view-title="活动详情" class="align-title-center">  
  3.   <ion-content >  
  4.     <!-- start 轮播图-->  
  5.     <ion-slide-box auto-play="true" does-continue="true" slide-interval=2000>  
  6.       <ion-slide>  
  7.         <div class="box banner"><img src="img/banner.png" /> </div>  
  8.       </ion-slide>  
  9.       <ion-slide>  
  10.         <div class="box banner"><img src="img/show.png" /></div>  
  11.       </ion-slide>  
  12.       <ion-slide on-slide-changed="slideHasChanged(index)">  
  13.         <div class="box banner"><img src="img/show-img-1.png" /></div>  
  14.       </ion-slide>  
  15.     </ion-slide-box>  
  16.     <!-- end 轮播图-->  
  17. <ion-view>  

 

无缝轮播应该加个属性:

 

[html] view plain copy
 
 print?
    1. <!-- start 轮播图-->  
    2.     <ion-slide-box auto-play="true"   slide-interval=2000  does-continue="true" delegate-handle="slideimgs"  
    3.                    class="slidebox"  on-slide-changed="slideHasChanged($index)" style="margin-top: -1px;">  
    4.       <ion-slide ng-repeat="banner in bannerList" >  
    5.         <div class="box banner"><img  ng-src="{{banner.IMGPATH}}" /></div>  
    6.       </ion-slide>  
    7.     </ion-slide-box>  
    8.     <!-- end 轮播图-->  
posted @ 2017-07-31 14:34  关关大大  阅读(209)  评论(0编辑  收藏  举报