ionic 进入二级目录以后隐藏底部导航栏(tabs)
来源:互联网 发布:ecshop小京东app源码 编辑:程序博客网 时间:2024/06/06 05:00
公司开始使用ionic开发项目,在此记录下把遇到的问题,网上有大牛已经把解决方法整出来了,不过记录在自己这里方便查阅。
这篇记录在有tabs的项目里,进入子层级时,底部导航还一直存在,本人是要让他只在首页几个界面存在,其他的隐藏,在这里用到了angularjs的指令,要完成这个步骤分为三步:
- 在标签ion-tabs中添加:ng-class=”{‘tabs-item-hide’: $root.hideTabs}”,源码如下:
- 1
- 2
- 3
- 4
- 5
2.添加angularjs的指令,源码如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
3.三你想要隐藏的界面标签 ion-view添加表达式hide-tabs=”true”,源码如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
现在体验下效果吧!
另外,如果要把效果搞得好看点,没有什么延迟现象,需要改动ionic.css文件,改动他需要用scss,这些内容前面也有介绍,改动地方如下:
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
上面内容在tabs.scss文件中!
原网址:http://blog.csdn.net/shenshucong520/article/details/48287811
阅读全文
0 0
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- ionic进入多级目录以后隐藏底部导航栏(tabs)解决方案
- 隐藏底部导航栏(tabs)
- ionic 隐藏ion-tabs底部导航 hide-tabs
- ionic 隐藏ion-tabs底部导航 hide-tabs
- ionic ion-tabs底部栏隐藏
- ionic 二级页面隐藏自带的底部导航
- 解决ionic输入input里的内容时会把底部tabs顶上来的情况(隐藏底部tabs)
- Ionic 三级目录乃至多级目录隐藏tabs
- ionic隐藏tabs方法
- ionic隐藏tabs(hideTabs)
- ionic中隐藏tabs(tabs-item-hide)
- 关注Ionic底部导航按钮tabs在android情况下浮在上面的处理
- 用C语言实现三子棋
- 能被2、3、4、5、6、7、8、9等数整除的数的特征
- hoj3269
- spring boot jetty启动报错解决
- 基于WDF的PCIe驱动开发
- ionic 进入二级目录以后隐藏底部导航栏(tabs)
- codeforces 120D Three Sons
- 洛谷3942 将军令
- 发送文件中的内容
- 欢迎使用CSDN-markdown编辑器
- [编程题]构造回文
- HDU-4003 Find Metal Mineral (树上背包)
- unity3d 获取电量电池状态等 android and ios
- Mybatis实现数据的增删改查