zoukankan      html  css  js  c++  java
  • 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 轮播图-->  
  • 相关阅读:
    Add Two Numbers
    Reverse Linked List II
    Reverse Linked List
    Remove Duplicates from Sorted List
    Remove Duplicates from Sorted List II
    Partition List
    Intersection of Two Linked Lists
    4Sum
    3Sum
    2Sum
  • 原文地址:https://www.cnblogs.com/a8497336/p/7262974.html
Copyright © 2011-2022 走看看