Framework7 - Navbars
Descrizione
In questo capitolo, studiamo la barra di navigazione . Di solito è posizionato nella parte superiore di una schermata contenente il titolo della pagina e gli elementi di navigazione.
La barra di navigazione è composta da tre parti ciascuna delle quali può contenere qualsiasi contenuto HTML, ma si consiglia di utilizzarle nel modo indicato di seguito:
Left- È progettato per posizionare icone di collegamento a ritroso o collegamento di testo singolo.
Center - Viene utilizzato per visualizzare il titolo della pagina o i collegamenti delle schede.
Right- Questa parte è simile alla parte sinistra .
La tabella seguente mostra in dettaglio l'uso della barra di navigazione :
| S.No | Tipi e descrizione della barra di navigazione |
|---|---|
| 1 | Barra di navigazione di base È possibile creare una barra di navigazione di base utilizzando le classi barra di navigazione , barra di navigazione interna , sinistra , centro e destra . |
| 2 | Navbar con collegamenti Per utilizzare i collegamenti nella parte sinistra e destra della barra di navigazione, aggiungi semplicemente il tag <a> con il collegamento della classe . |
| 3 | Collegamenti multipli Per utilizzare più link, aggiungine semplicemente altri <a class = "link"> alla parte di tua scelta. |
| 4 | Collegamenti con testo e icone I collegamenti possono essere forniti con icone e testi aggiungendo classi per icone e avvolgendo il testo del collegamento con l' elemento <span> . |
| 5 | Collegamenti con sole icone I collegamenti alla barra di navigazione possono essere forniti solo con icone aggiungendo una classe di sole icone ai collegamenti. |
| 6 | App e metodi di visualizzazione correlati All'inizializzazione della vista , framework7 consente di utilizzare i metodi disponibili per la barra di navigazione. |
| 7 | Nascondi automaticamente la barra di navigazione La barra di navigazione può essere nascosta / mostrata automaticamente per alcune pagine caricate con Ajax in cui la barra di navigazione non è richiesta. |