Framework7-导航栏



描述

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

Navbar由三个部分组成,每个部分都可以包含任何HTML内容,但是建议您按照以下给出的方式使用它们-

  • -旨在放回链接图标或单个文本链接。

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

  • -此部分与部分相似。

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

S.No Navbar Types & 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 <a> tag with class link.

3 Multiple links

To use multiple links, just add few more <a class = “link”> 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 <span> 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.

Made with ❤️ in Chengdu. Copyright reserved 2019-2022.

蜀ICP备20006366号-1