如何在Ionic Framework中隐藏选项卡

思南·沙美

我选择了离子选项卡视图,因此可以使用模板系统,但不能删除选项卡。我想要这样的视图,但确实设法删除了标题栏,但无法删除标签栏

在此处输入图片说明

这是我到目前为止所得到的:

在此处输入图片说明

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

Sly_cardinal

看一下Ionic标签文档

要隐藏标签栏但仍显示内容,请添加“ tabs-item-hide”类。

因此,您将更改以下内容:

<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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在选项卡布局中隐藏选项卡

来自分类Dev

如何在选项卡布局中隐藏选项卡

来自分类Dev

如何在Acrobat Reader中隐藏“工具”选项卡?

来自分类Dev

在Ionic 2中,如何在单击另一个选项卡菜单应用程序图标时隐藏一个选项卡?

来自分类Dev

如何从createBottomTabNavigator隐藏特定选项卡

来自分类Dev

如何隐藏/显示jqueryUI选项卡?

来自分类Dev

如何隐藏 Bootstrap 选项卡内容?

来自分类Dev

如何在Plone添加/编辑表单中隐藏字段集(选项卡)

来自分类Dev

如何在HTML CSS Javascript中完全显示onclick事件的隐藏选项卡

来自分类Dev

如何在TabPanel中动态隐藏和显示选项卡

来自分类Dev

如何在PowerShell选项卡完成中隐藏文件扩展名?

来自分类Dev

如何在 Mozilla Firefox 浏览器中隐藏选项卡上方的栏

来自分类Dev

如何在 javascript 中关闭/隐藏 html 导航选项卡?

来自分类Dev

如何在不同选项卡上隐藏特定选项卡

来自分类Dev

单击选择选项时如何隐藏选项卡

来自分类Dev

如何根据IronPython中的当前用户“隐藏” Spotfire中的选项卡?

来自分类Dev

如何在ionic 2中选择选项卡?

来自分类Dev

我们如何在ionic 2应用程序中显示多个选项卡?

来自分类Dev

如何隐藏Eclipse编辑器文件选项卡中列出的文件图标?

来自分类Dev

如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

来自分类Dev

如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

来自分类Dev

Firefox devtools:如何从其他“开发”选项卡中隐藏控制台?

来自分类Dev

如何使用“ MDL选项卡”链接到页面中的位置而不隐藏其他内容

来自分类Dev

如何通过其设置文件隐藏Windows终端中的选项卡?

来自分类Dev

如何隐藏所有角形材料选项卡的选项卡内容

来自分类Dev

Javascript:如何显示默认选项卡内容但隐藏其他选项卡内容

来自分类Dev

ionic3 选项卡布局,如何在 chrome 中重新加载 ionic serve 时保持状态

来自分类Dev

如何在反应物料选项卡中从父级更改选项卡

来自分类Dev

如何在Sublime Text 3中禁用重叠选项卡或滚动选项卡

Related 相关文章

  1. 1

    如何在选项卡布局中隐藏选项卡

  2. 2

    如何在选项卡布局中隐藏选项卡

  3. 3

    如何在Acrobat Reader中隐藏“工具”选项卡?

  4. 4

    在Ionic 2中,如何在单击另一个选项卡菜单应用程序图标时隐藏一个选项卡?

  5. 5

    如何从createBottomTabNavigator隐藏特定选项卡

  6. 6

    如何隐藏/显示jqueryUI选项卡?

  7. 7

    如何隐藏 Bootstrap 选项卡内容?

  8. 8

    如何在Plone添加/编辑表单中隐藏字段集(选项卡)

  9. 9

    如何在HTML CSS Javascript中完全显示onclick事件的隐藏选项卡

  10. 10

    如何在TabPanel中动态隐藏和显示选项卡

  11. 11

    如何在PowerShell选项卡完成中隐藏文件扩展名?

  12. 12

    如何在 Mozilla Firefox 浏览器中隐藏选项卡上方的栏

  13. 13

    如何在 javascript 中关闭/隐藏 html 导航选项卡?

  14. 14

    如何在不同选项卡上隐藏特定选项卡

  15. 15

    单击选择选项时如何隐藏选项卡

  16. 16

    如何根据IronPython中的当前用户“隐藏” Spotfire中的选项卡?

  17. 17

    如何在ionic 2中选择选项卡?

  18. 18

    我们如何在ionic 2应用程序中显示多个选项卡?

  19. 19

    如何隐藏Eclipse编辑器文件选项卡中列出的文件图标?

  20. 20

    如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

  21. 21

    如何使用ng-show / ng-hide隐藏Angular Bootstrap UI中的选项卡

  22. 22

    Firefox devtools:如何从其他“开发”选项卡中隐藏控制台?

  23. 23

    如何使用“ MDL选项卡”链接到页面中的位置而不隐藏其他内容

  24. 24

    如何通过其设置文件隐藏Windows终端中的选项卡?

  25. 25

    如何隐藏所有角形材料选项卡的选项卡内容

  26. 26

    Javascript:如何显示默认选项卡内容但隐藏其他选项卡内容

  27. 27

    ionic3 选项卡布局,如何在 chrome 中重新加载 ionic serve 时保持状态

  28. 28

    如何在反应物料选项卡中从父级更改选项卡

  29. 29

    如何在Sublime Text 3中禁用重叠选项卡或滚动选项卡

热门标签

归档