第一、每个页面的独立样式style标签不能写在ion-view外面,否则会出现路由问题,建议写在ion-content后面,例如下面的例子中,如果style但在ion-view中的话会出想路由问题,显示不了返回和标题之类的

<ion-view view-title="首页">
<ion-content class="has-header mainPage">
<div class="adver_con" ng-if="isShowAdver">
<ion-slide-box class="slideBox" auto-play="true" show-pager="false" does-continue="true" slide-interval="2000">
<ion-slide>
<div class="box blue">
<img src="http://st.depositphotos.com/thumbs/1005147/image/2234/22349297/api_thumb_450.jpg" alt="">
</div>
</ion-slide>
<ion-slide>
<div class="box yellow">
<img src="http://new-img2.ol-img.com/985x695/127/899/li0XMwHPp5I.jpg" alt="">
</div>
</ion-slide>
<ion-slide >
<div class="box pink">
<img src="http://www.microfotos.com/pic/2/263/26335/2633596preview5.jpg" alt="">
</div>
</ion-slide>
</ion-slide-box>
<span class="closeBtn icon ion-ios-close-outline" ng-click="closeAdverBox()"></span>
</div>
<ion-scroll>
<iframe src="http://www.mfcclub.net" frameborder="0" class="iframeForMfc"></iframe>
</ion-scroll>
</ion-content>
<style>
.slideBox,.adver_con{
height: 80px;
}
.adver_con{
position: relative;
}
.adver_con span{
position:absolute;
right: 0px;
top:0px;
}
.slideBox img{
max-width:100%;
}
.iframeForMfc{
width:100%;
height:640px;
}
.adver_con span.closeBtn{
position: absolute;
right: 5px;
top:5px;
z-index:2;
font-size:26px;
color: #000;
}
</style>
</ion-view>

第二、ion-slide-box中,官网写错api,自动轮播应该是auto-play="true"来控制,does-continue="true"控制的是否循环播放

<ion-slide-box class="slideBox" auto-play="true" show-pager="false" does-continue="true" slide-interval="2000">
<ion-slide>
<div class="box blue">
<img src="http://st.depositphotos.com/thumbs/1005147/image/2234/22349297/api_thumb_450.jpg" alt="">
</div>
</ion-slide>
<ion-slide>
<div class="box yellow">
<img src="http://new-img2.ol-img.com/985x695/127/899/li0XMwHPp5I.jpg" alt="">
</div>
</ion-slide>
<ion-slide >
<div class="box pink">
<img src="http://www.microfotos.com/pic/2/263/26335/2633596preview5.jpg" alt="">
</div>
</ion-slide>
</ion-slide-box>
<span class="closeBtn icon ion-ios-close-outline" ng-click="closeAdverBox()"></span>
</div>

第四、使用阿里妈妈图标库作为ion-tab的图标时,在引入相关的文件之后,可以替换这里的东西

<ion-tab title="发现" icon-off="iconfont icon-comiisfaxian-copy" icon-on="iconfont icon-comiisfaxian-copy" href="#/tab/discover">
<ion-nav-view name="tab-discover"></ion-nav-view>
</ion-tab>

别忘了加上iconfont,阿里妈妈图标库专用标记哦

关于ionic中几个问题的更多相关文章

  1. ionic中获取坐标方法

    ionic中获取坐标的方法 1.首相需要执行命令: cordova plugin add cordova-plugin-geolocation2.然后块级注入配置bower文件引入ngCordova ...

  2. ionic中的生命周期函数

    //ionic中的生命周期函数 onPageLoaded(){ //page初始化时 console.log("page 1 : page loaded"); } //在这里可以做 ...

  3. Ionic中弹窗

    Ionic中弹窗有两种ionicModal和ionicPopup; $ionicModal是完整的页面: $ionicPopup是(Dialog)对话框样式的,直接用JavaScript设定对话框的一 ...

  4. ZH奶酪:Ionic中(弹出式窗口)的$ionicModal使用方法

    Ionic中[弹出式窗口]有两种(如下图所示),$ionicModal和$ionicPopup; $ionicModal是完整的页面: $ionicPopup是(Dialog)对话框样式的,直接用Ja ...

  5. ionic中android的返回键

    ionic中android的返回键 在ionic框架中已经注册了几个返回事件,分别是 view sideMenu modal actionSheet popup loading 他们的优先级分别是 v ...

  6. Ionic 中badge的应用

    app中如果有服务端推送过来的消息,用户没有查看的话,出现一个数字提醒,类似微信的那种效果. 在Ionic中的实现过程还是很简单的: <ion-tab title="首页" ...

  7. 解决 ionic 中的 CORS(跨域)

    译者注:本人翻译功力有限,所以文中难免有翻译不准确的地方,凑合看吧,牛逼的话你看英文版的去,完事儿欢迎回来指正交流(^_^) 如果你通过 ionic serve 或者 ionic run 命令使用或 ...

  8. angular 图片加载失败 情况处理? 如何在ionic中加载本地图片 ?

    1.angular 图片加载失败 情况处理 在directive中定义组件,在ng-src错误时,调用err-src app.directive('errSrc',function(){ return ...

  9. gulp在ionic中的使用

    简介 Gulp是一个基于流的自动化构建器. 安装 npm config set registry http://registry.npm.taobao.org ---最好用国内源 npm instal ...

  10. Ionic中使用Chart.js进行图表展示以及在iOS/Android中的性能差异

    Angular Chart 简介 在之前的文章中介绍了使用 Ionic 开发跨平台(iOS & Android)应用中遇到的一些问题的解决方案. 在更新0.1.3版本的过程中遇到了需要使用图表 ...

随机推荐

  1. ZOJ 3822 Domination (三维概率DP)

    E - Domination Time Limit:8000MS     Memory Limit:131072KB     64bit IO Format:%lld & %llu Submi ...

  2. [ CodeVS冲杯之路 ] P3116

    不充钱,你怎么AC? 题目:http://codevs.cn/problem/3116/ 基础的高精度加法,注意一下两个数长短不一和答案第一位的处理即可,当然也可以用压位的方法做 #include&l ...

  3. MVC学习__修改工程端口号

    有时候,我们会希望修改工程默认生成的端口号,方法如下:

  4. source insight setting

    adjust source code font size Options -> File Type Options -> Screen Font -> Size adjust dis ...

  5. electron 安装使用

    1.安装 node.js 链接:http://pan.baidu.com/s/1o7W7BIy 密码:y6od 一路next 我安装在F:\Program Files\node.js下 2.检查nod ...

  6. java1.7集合源码阅读:ArrayBlockingQueue

    ArrayBlockingQueue是一个先进先出线程安全的队列,队列头部是进入队列时间最长的元素,队尾是进入队列时间最短的元素,同时队列的最大容量是固定的. 先看类定义: public class ...

  7. 重启服务器“AH00558: apache2: Could not reliably determine the server's fully qualified domain name”问题的解决

    重启服务器时报错: AH00558: apache2: Could not reliably determine the server's fully qualified domain name, u ...

  8. window 10 64bit 安装nodejs v7.0.5 + npm v4.1.2 + Express 4.x及搭建web开发环境

    1.先安装nodejs.npm. 2.然后安装Express (4.0之后需要安装express-generator) npm install -g express npm install -g ex ...

  9. 陕西师范大学第七届程序设计竞赛网络同步赛 F WWX的礼物【数学/k进制下x^n的位数/log】

    链接:https://www.nowcoder.com/acm/contest/121/F来源:牛客网 题目描述 WWX的女朋友送给了他一个礼物,可是礼物却被一把K进制密码锁锁住了.在礼物盒上还有一张 ...

  10. spark完整的数据倾斜解决方案

    1.数据倾斜的原理 2.数据倾斜的现象 3.数据倾斜的产生原因与定位 在执行shuffle操作的时候,大家都知道,我们之前讲解过shuffle的原理. 是按照key,来进行values的数据的输出.拉 ...