导航栏位于屏幕顶部, 并包含页面标题和导航元素。导航栏包含三个部分, 每个部分都可以包含任何HTML内容, 但最好以以下方式使用它们:
- 左:用于放置后退链接图标或单个文本链接。
- 中心:用于显示页面标题或标签链接。
- 右:与左部分相同。
指数 | 导航栏类型 | 描述 |
---|---|---|
1) | 基本导航栏 | 可以通过使用导航栏, 内部导航栏, 左, 中和右类来创建基本导航栏。 |
2) | 导航栏与链接 | 要在导航栏的左侧和右侧使用链接, 只需添加带有类链接的标签即可。 |
3) | Multiple links | 要使用多个链接, 只需在你选择的部分中添加几个即可。 |
4) | 带有文字和图标的链接 | 通过添加图标类并用元素包装链接文本, 可以为链接提供图标和文本。 |
5) | 仅带有图标的链接 | 通过将仅图标类添加到导航栏, 可以仅向图标提供导航栏链接。 |
6) | 相关的应用程序和查看方法 | 在初始化视图时, framework7允许你使用可用于导航栏的方法。 |
7) | 自动隐藏导航栏 | 对于某些不需要导航栏的Ajax加载页面, 导航栏可以自动隐藏/显示。 |