ionic轮播图

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

 

无缝轮播应该加个属性：

 

[html]  view plain  copy

 

 print?

1. 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 轮播图-->  

转载于:https://www.cnblogs.com/a8497336/p/7262974.html