Framework7 - Navbars
Opis
W tym rozdziale przeanalizujmy navbar . Zwykle jest umieszczony na górze ekranu zawierającego tytuł strony i elementy nawigacyjne.
Pasek nawigacyjny składa się z trzech części, z których każda może zawierać dowolną zawartość HTML, ale zaleca się użycie ich w sposób podany poniżej -
Left- Jest przeznaczony do umieszczania ikon linków wstecznych lub pojedynczego łącza tekstowego.
Center - Służy do wyświetlania tytułu strony lub linków do zakładek.
Right- Ta część jest podobna do lewej części.
Poniższa tabela szczegółowo przedstawia użycie paska nawigacyjnego -
S.Nr | Typy i opis paska nawigacyjnego |
---|---|
1 | Podstawowy pasek nawigacyjny Podstawowy pasek nawigacyjny można utworzyć za pomocą klas navbar , navbar-inner , left , center i right . |
2 | Pasek nawigacyjny z linkami Aby użyć linków w lewej i prawej części paska nawigacyjnego, po prostu dodaj tag <a> z linkiem do klasy . |
3 | Wiele linków Aby użyć wielu linków, po prostu dodaj kilka dodatkowych <a class = "link"> do wybranej części. |
4 | Linki z tekstem i ikonami Linki mogą być wyposażone w ikony i teksty poprzez dodanie klas dla ikon i zawijanie tekstu linku do elementu <span> . |
5 | Linki zawierające tylko ikony Linki paska nawigacyjnego mogą być świadczone tylko przez dodanie ikony ikon tylko klasę linki. |
6 | Powiązana aplikacja i metody wyświetlania Podczas inicjowania widoku framework7 umożliwia użycie metod dostępnych dla navbar. |
7 | Ukryj pasek nawigacyjny automatycznie Pasek nawigacyjny może być ukrywany / pokazywany automatycznie dla niektórych załadowanych stron Ajax, na których pasek nawigacji nie jest wymagany. |