Framework7 - Navbars

描述

在本章中,让我们研究 navbar .它通常位于包含页面标题和导航元素的屏幕顶部.

Navbar由三部分组成,每部分可能包含任何HTML内容,但建议您使用这些以下面给出的方式和减号;

  • : 它旨在放回链接图标或单个文本链接.

  • 中心 : 它用于显示页面标题或标签链接.

  • 正确 : 这部分类似于 left 部分.

下表演示了 navbar的用法详细 :

S.NoNavbar Types&说明
1基本导航栏

可以使用导航栏 navbar-inner

2带有链接的Navbar

要使用导航栏中 left right 部分中的链接,只需添加< a> link 标记.

3多个链接

要使用多个链接,只需添加更多< a class ="link"> 到您选择的部分.

4带有文字和图标的链接

通过添加图标类并使用< span> 元素包装链接文本,可以为链接提供图标和文本.

5仅限链接图标

通过将 icon-only 类添加到链接,只能为图标提供导航栏链接.

6相关应用和查看方法

在初始化视图时,framework7允许您使用导航栏可用的方法.

7自动隐藏导航栏

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