Framework7 - Barras de navegación
Descripción
En este capítulo, estudiemos sobre la barra de navegación . Suele colocarse en la parte superior de una pantalla que contiene el título de la página y los elementos de navegación.
Navbar consta de tres partes, cada una de las cuales puede contener cualquier contenido HTML, pero se sugiere que las use de la manera que se indica a continuación:
Left- Está diseñado para colocar íconos de vínculo posterior o vínculo de texto único.
Center - Se utiliza para mostrar el título de la página o los enlaces de la pestaña.
Right- Esta parte es similar a la parte izquierda .
La siguiente tabla muestra el uso de la barra de navegación en detalle:
| S. No | Tipos y descripción de la barra de navegación |
|---|---|
| 1 | Barra de navegación básica Se puede crear una barra de navegación básica usando las clases de barra de navegación , barra de navegación interna , izquierda , centro y derecha . |
| 2 | Barra de navegación con enlaces Para usar enlaces en la parte izquierda y derecha de su barra de navegación, simplemente agregue la etiqueta <a> con el enlace de la clase . |
| 3 | Varios enlaces Para usar varios enlaces, simplemente agregue algunos <a class = "link"> más a la parte de su elección. |
| 4 | Enlaces con texto e iconos Los enlaces se pueden proporcionar con iconos y textos agregando clases para iconos y envolviendo el texto del enlace con el elemento <span> . |
| 5 | Enlaces con solo iconos Los enlaces de la barra de navegación se pueden proporcionar solo con iconos agregando una clase de solo icono a los enlaces. |
| 6 | Aplicación relacionada y métodos de visualización Al inicializar la Vista , framework7 le permite usar métodos disponibles para la barra de navegación. |
| 7 | Ocultar la barra de navegación automáticamente La barra de navegación se puede ocultar / mostrar automáticamente para algunas páginas cargadas de Ajax donde no se requiere barra de navegación. |