在本章中,让我们研究 navbar .它通常位于包含页面标题和导航元素的屏幕顶部.
Navbar由三部分组成,每部分可能包含任何HTML内容,但建议您使用这些以下面给出的方式和减号;
左 : 它旨在放回链接图标或单个文本链接.
中心 : 它用于显示页面标题或标签链接.
正确 : 这部分类似于 left 部分.
下表演示了 navbar的用法详细 :
S.No | Navbar Types&说明 |
---|---|
1 | 基本导航栏 可以使用导航栏, navbar-inner |
2 | 带有链接的Navbar 要使用导航栏中 left 和 right 部分中的链接,只需添加< a> 用 link 标记. |
3 | 多个链接 要使用多个链接,只需添加更多< a class ="link"> 到您选择的部分. |
4 | 带有文字和图标的链接 通过添加图标类并使用< span> 元素包装链接文本,可以为链接提供图标和文本. |
5 | 仅限链接图标 通过将 icon-only 类添加到链接,只能为图标提供导航栏链接. |
6 | 相关应用和查看方法 在初始化视图时,framework7允许您使用导航栏可用的方法. |
7 | 自动隐藏导航栏 对于某些不需要导航栏的Ajax加载页面,可以自动隐藏/显示导航栏. |