Web前端知识

首页 > 免费 > Web前端知识 >

ionic隐藏tabs导航栏问题

来源:北京汇仁智杰科技有限公司   时间:2016-06-16   点击:

  关于ionic的tabs导航栏隐藏,
  由于UI界面改版原本底部的tabs导航栏要取消,
  改为侧边导航栏,侧边导航栏功能ionic已经封装的有现成的<ion-side-menus><ion-side-menu-content>可以直接使用,
  把对应的content内容放入即可,
  但是原本tabs页面下的导航栏就出现了问题,
  我设置了tabs导航内容为 display:none 但是他并没有消失,而是有一个空白导航栏遮挡住content,
  我网上查找了一些关于tabs隐藏的问题,但是几乎都是介绍次级页面隐藏tabs,使用指令来隐藏,但是修改后依然没成功。
  我查询了一些关于angularjs的路由机制,里面的tabs会被先放入页面,后加载的view的内容。
  所以我调整了关于路由的顺序。

1111.png

  上面一个是有tabs 一个是取消了tabs

22.png

  调整上面的路由部分,改为:

33.png

再次刷新就可以解决底部导航遮挡content的问题了 

网络营销推广 . 北京汇仁智杰科技有限公司!

地址:北京市昌平区回龙观龙冠大厦5层
咨询:13370157521
业务QQ:373002979
E - mail:sales @ huirenzhijie.com
企业网站备案:京ICP备15021091号-1

汇仁智杰与众不同

  • 有网络推广经验
  • 有网站建站队伍
  • 有大型网站建设经验
  • 致力于营销型网站建设
  • 始终坚持技术和服务同样重要
查看PC版网站
备案号:京ICP备15021091号-1 版权所有:汇仁智杰