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 轮播图-->  
  • 相关阅读:
    三种方法使HTML单页面输入密码才能访问
    JAVA知识汇总
    session 一致性的解决方案
    Debian 9 Stretch国内常用镜像源
    Java开发工具推荐
    Centos配置vsftpd
    [转]php实时输出内容
    php javascript comet
    使用安装 php-memcache-client
    [转]网页实时聊天之js和jQuery实现ajax长轮询 PHP
  • 原文地址:https://www.cnblogs.com/a8497336/p/7262974.html
Copyright © 2011-2022 走看看