如何在Ionic Framework中隐藏选项卡 [英] How do I hide the tabs in Ionic Framework

问题描述

我选择了离子标签视图，所以我可以使用模板系统，但我不能删除标签。我想要一个这样的视图，我设法删除标题栏，但我不能删除标签栏

I chose the ionic tab view so I can use the templating system but I can't remove the tabs. I want a view like this and I did manage to remove the header bar but I cant remove the tabs bar

这是我到目前为止：

如果我隐藏标签栏（ ion-tabs {display：none} ），它也会删除内容，这不是我想要的。

If I hide the tabs bar (ion-tabs{display:none}) it also removes the content, which is not what I want.

推荐答案

请查看 Ionic选项卡文档 ：

要隐藏标签页但仍显示内容，请添加tabs-item-hide类。

To hide the tabbar but still show the content, add the "tabs-item-hide" class.

因此，您可以更改：

<div class="tabs">
  <a class="tab-item" href="#">
    Home
  </a>
  ...
</div>

：

<div class="tabs tabs-item-hide">
  <a class="tab-item" href="#">
    Home
  </a>
  ...
</div>

这篇关于如何在Ionic Framework中隐藏选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！