目录

Framework7 - Navbars( Navbars)

描述 (Description)

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

Navbar由三部分组成,每部分可能包含任何HTML内容,但建议您按照以下方式使用这些部分 -

  • Left - 它旨在放置link图标或单个文本链接。

  • Center - 用于显示页面标题或标签链接。

  • Right - 这部分类似于left部分。

下表详细介绍了navbar的使用 -

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

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

2 带有链接的Navbar

要使用导航栏leftright部分中的链接,只需添加带有类link 《a》标记即可。

3 多个链接

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

4 与文本和图标的链接

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

5 仅与图标链接

通过向链接添加仅图标类,可以仅为图标提供导航栏链接。

6 相关的应用和视图方法

在初始化View ,framework7允许您使用navbar可用的方法。

7 自动隐藏导航栏

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

↑回到顶部↑
WIKI教程 @2018