Framework7 - Navbar 导航栏
描述
在本章中,我们将学习Navbar(导航栏)。它通常位于屏幕顶部,包含页面标题和导航元素。
导航栏由三部分组成,每部分都可以包含任何 HTML 内容,但建议您按照下面给出的方式使用这些部分 −
Left − 它用于放置返回链接图标或单个文本链接。
Center − 它用于显示页面标题或选项卡链接。
Right −这部分与左边部分类似。
下表详细演示了navbar的使用 −
S.No | Navbar 类型 &描述 |
---|---|
1 | 基本导航栏
可以使用 navbar、navbar-inner、left、center 和 right 类创建基本导航栏。 |
2 | 带链接的导航栏
要在导航栏的 left 和 right 部分使用链接,只需添加带有类的 <a> 标签链接。 |
3 | 多个链接
要使用多个链接,只需在您选择的部分添加几个 <a class = "link">。 |
4 | 带有文本和图标的链接
可以通过添加图标类并使用 <span> 元素包装链接文本来为链接提供图标和文本。 |
5 | 仅带图标的链接
通过在链接中添加 icon-only 类,可以为导航栏链接提供仅带图标的功能。 |
6 | 相关应用和视图方法
在初始化 View 时,framework7 允许您使用可用于导航栏的方法。 |
7 | 自动隐藏导航栏
对于某些不需要导航栏的 Ajax 加载页面,可以自动隐藏/显示导航栏。 |