Framework7 - Navbar 导航栏

描述

在本章中,我们将学习Navbar(导航栏)。它通常位于屏幕顶部,包含页面标题和导航元素。

导航栏由三部分组成,每部分都可以包含任何 HTML 内容,但建议您按照下面给出的方式使用这些部分 −

  • Left − 它用于放置返回链接图标或单个文本链接。

  • Center − 它用于显示页面标题或选项卡链接。

  • Right −这部分与左边部分类似。

下表详细演示了navbar的使用 −

S.No Navbar 类型 &描述
1 基本导航栏

可以使用 navbarnavbar-innerleftcenterright 类创建基本导航栏。

2 带链接的导航栏

要在导航栏的 leftright 部分使用链接,只需添加带有类的 <a> 标签链接

3 多个链接

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

4 带有文本和图标的链接

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

5 仅带图标的链接

通过在链接中添加 icon-only 类,可以为导航栏链接提供仅带图标的功能。

6 相关应用和视图方法

在初始化 View 时,framework7 允许您使用可用于导航栏的方法。

7 自动隐藏导航栏

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