📜  Framework7导航栏

📅  最后修改于: 2021-01-02 05:43:03             🧑  作者: Mango

Framework7导航栏

导航栏位于屏幕顶部,并包含页面标题和导航元素。导航栏包含三个部分,每个部分都可以包含任何HTML内容,但最好以以下方式使用它们:

  • 左:用于放回链接图标或单个文本链接。
  • 中心:用于显示页面标题或标签链接。
  • 右:与左部分相同。

导航栏类型的列表,其描述:

Index Navbar Type Description
1) Basic navbar A basic navbar can be created by using the navbar, navbar-inner, left, center and right classes.
2) Navbar with links To use links in left and right part of your navbar, just add tag with class link.
3) Multiple links To use multiple links, just add few more to the part of your choice.
4) Links with text and icons The links can be provided with icons and texts by adding classes for icons and wrapping the link text with element.
5) Links with only icons Navbar links can be provided with only icons by adding icon-only class to links.
6) Related app and view methods On initializing the View, framework7 allows you to use methods available for navbar.
7) Hide navbar automatically The navbar can be hidden/shown automatically for some Ajax loaded pages where navbar is not required.