Framework7 - Navbars
Beschreibung
In diesem Kapitel wollen wir uns mit Navbar befassen . Es wird normalerweise oben auf einem Bildschirm platziert, der den Titel der Seite und Navigationselemente enthält.
Die Navigationsleiste besteht aus drei Teilen, von denen jeder HTML-Inhalt enthalten kann. Es wird jedoch empfohlen, diese auf die unten angegebene Weise zu verwenden.
Left- Es dient zum Platzieren von Backlink- Symbolen oder einzelnen Textlinks.
Center - Es wird verwendet, um den Titel der Seite oder Registerkartenlinks anzuzeigen.
Right- Dieser Teil ähnelt dem linken Teil.
Die folgende Tabelle zeigt die Verwendung der Navigationsleiste im Detail -
S.No. | Navbar-Typen & Beschreibung |
---|---|
1 | Grundlegende Navigationsleiste
Eine grundlegende Navigationsleiste kann mithilfe der Klassen navbar , navbar-inner , left , center und right erstellt werden. |
2 | Navbar mit Links
So verwenden Sie Links in linken und rechten Teil Ihrer navbar, fügen Sie einfach <a> Tag mit Klasse Link . |
3 | Mehrere Links
Um mehrere Links zu verwenden, fügen Sie dem Teil Ihrer Wahl einfach einige weitere <a class = "link"> hinzu . |
4 | Links mit Text und Symbolen
Die Links können mit Symbolen und Texten versehen werden, indem Klassen für Symbole hinzugefügt und der Linktext mit dem Element <span> umbrochen wird. |
5 | Links nur mit Symbolen
Navbar Links kann durch Zugabe mit nur Symbole zur Verfügung gestellt werden , nur-Symbol Klasse Links. |
6 | Verwandte App- und Ansichtsmethoden
Bei der Initialisierung der Ansicht können Sie in Framework7 die für die Navigationsleiste verfügbaren Methoden verwenden. |
7 | Navigationsleiste automatisch ausblenden
Die Navigationsleiste kann für einige von Ajax geladene Seiten, auf denen keine Navigationsleiste erforderlich ist, automatisch ausgeblendet / angezeigt werden. |