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

问题描述

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

这是我目前得到的:

如果我隐藏标签栏 (ion-tabs{display:none})，它也会删除内容，这不是我想要的.

解决方案

查看 Ionic 选项卡文档:

<块引用>

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

所以你会改变这个:

<a class="tab-item" href="#">家</a>...

为此:

<a class="tab-item" href="#">家</a>...

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

This is what I got so far:

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

解决方案

Have a look at the Ionic tab documentation:

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

So you would change this:

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

to this:

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

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