ionic tabs置顶

这是在chrom中显示的效果图，我被坑了一下午。就两句代码而已。

好了，开始来说我这一坑的开始。需求是要去掉header。然后把tabs 显示在最顶上。我一开始就把header栏给注释掉，然后发现header栏的地方变成白色空在那。但是还是占着位置。而tabs的位置也没变。好吧！那我加样式。把tabs加个样式位置设成绝对。top设成0px ; 再看。。。。我去，连tabs也没了。就剩个白白的页面。再试吧，根据别人的建议，style设置在ion-content的位置，再看。。。内容页占全屏，但是那tabs位置还是没变化。

其实我内心是崩溃的。接着再试。。。根据别人建议把在ion-view 元素上设置hide-nav-bar="true";再看。。。 位置还是没变化。其实我已经想放弃了，。然后。。然后就各种试。。。。。

    终于。。皇天不负有心人，我在主页ion-nav-bar元素上添加hide-nav-bar=“true”;然后又在ion-view页面中也添加hide-nav-bar="true";属性。并且把ion-header-bar元素给注释掉。。。看结果，如上图所示。出来了。。。

    原来问题是出在nav-bar跟header-bar要同时设置才行，不然单独在任何一个设置属性都是不行。我也是醉了。

    好好记录下，有碰到跟我一样问题的读者就可以少走很多路了。。。