Framework7 - 导航栏

描述

本章节，我们将学习导航栏。它通常位于屏幕顶部，包含页面标题和导航元素。

导航栏由三个部分组成，每个部分都可以包含任何HTML内容，但建议您按照以下方式使用：

左侧 - 用于放置返回链接图标或单个文本链接。
中间 - 用于显示页面标题或标签链接。
右侧 - 此部分类似于左侧部分。

下表详细演示了导航栏的使用：

序号	导航栏类型及描述
1	基本导航栏可以使用navbar、navbar-inner、left、center和right类创建一个基本导航栏。
2	带有链接的导航栏要在导航栏的左侧和右侧部分使用链接，只需添加带有link类的<a>标签。
3	多个链接要使用多个链接，只需在您选择的部位添加更多<a class = "link">。
4	带有文本和图标的链接可以通过添加图标类并用<span>元素包装链接文本，为链接提供图标和文本。
5	仅包含图标的链接可以通过向链接添加icon-only类，为导航栏链接仅提供图标。
6	相关的应用和视图方法在初始化视图时，Framework7允许您使用导航栏可用的方法。
7	自动隐藏导航栏对于某些不需要导航栏的Ajax加载页面，可以自动隐藏/显示导航栏。

打印页面

广告