Framework7 - Navbars
Descrição
Neste capítulo, vamos estudar sobre navbar . Geralmente é colocado no topo de uma tela contendo o título da página e os elementos de navegação.
Navbar consiste em três partes, cada uma das quais pode conter qualquer conteúdo HTML, mas sugere-se que você use-as da maneira indicada abaixo -
Left- Ele é projetado para colocar ícones de link de volta ou link de texto único.
Center - É usado para exibir o título da página ou links da guia.
Right- Esta parte é semelhante à parte esquerda .
A tabela a seguir demonstra o uso da barra de navegação em detalhes -
| S.Não | Tipos e descrição da barra de navegação |
|---|---|
| 1 | Navbar básico Uma navbar básica pode ser criada usando as classes navbar , navbar-inner , left , center e right . |
| 2 | Navbar com links Para usar links nas partes esquerda e direita de sua barra de navegação, basta adicionar a tag <a> com o link da classe . |
| 3 | Links múltiplos Para usar vários links, basta adicionar mais alguns <a class = "link"> à parte de sua escolha. |
| 4 | Links com texto e ícones Os links podem ser fornecidos com ícones e textos adicionando classes para ícones e envolvendo o texto do link com o elemento <span> . |
| 5 | Links apenas com ícones Os links da barra de navegação podem ser fornecidos apenas com ícones, adicionando uma classe apenas de ícone aos links. |
| 6 | Métodos de visualização e aplicativos relacionados Ao inicializar o View , framework7 permite que você use os métodos disponíveis para navbar. |
| 7 | Ocultar barra de navegação automaticamente O navbar pode ser ocultado / mostrado automaticamente para algumas páginas carregadas com Ajax onde o navbar não é necessário. |