Framework7 - 导航栏

描述

在本章中，我们来研究一下导航栏。它通常放置在包含页面标题和导航元素的屏幕顶部。

导航栏由三个部分组成，每个部分都可以包含任何 HTML 内容，但建议您按照下面给出的方式使用它们 -

  • 左- 它旨在放置后退链接图标或单个文本链接。

  • 中心- 用于显示页面或选项卡链接的标题。

  • 右- 这部分与左部分类似。

下表详细演示了导航栏的使用-

序列号 导航栏类型和描述
1 基本导航栏

可以使用navbar、navbar-inner、left、center和right类创建基本导航栏。
2 带有链接的导航栏

要在导航栏的左右部分使用链接，只需添加带有link类的<a>标签。
3 多个链接

要使用多个链接，只需在您选择的部分添加几个<a class = "link">即可。
4 带有文本和图标的链接

通过添加图标类并使用<span>元素包装链接文本，可以为链接提供图标和文本。
5 仅包含图标的链接

通过向链接添加仅图标类，可以仅向导航栏链接提供图标。
6 相关app及查看方法

在初始化View时，framework7 允许您使用可用于导航栏的方法。
7 自动隐藏导航栏

对于某些不需要导航栏的 Ajax 加载页面，导航栏可以自动隐藏/显示。