Framework7 - Navbars

La description

Dans ce chapitre, étudions la barre de navigation . C'est un généralement placé en haut d'un écran contenant le titre de la page et des éléments de navigation.

Navbar se compose de trois parties dont chacune peut contenir n'importe quel contenu HTML, mais il est suggéré de les utiliser de la manière indiquée ci-dessous -

  • Left- Il est conçu pour placer des icônes de lien arrière ou un lien texte unique.

  • Center - Il est utilisé pour afficher le titre de la page ou les liens de l'onglet.

  • Right- Cette partie est similaire à la partie gauche .

Le tableau suivant montre en détail l'utilisation de la barre de navigation -

S.Non Types et description de la barre de navigation
1 Barre de navigation de base

Une barre de navigation de base peut être créée à l'aide des classes navbar , navbar-inner , left , center et right .
2 Navbar avec liens

Pour utiliser des liens dans la partie gauche et droite de votre barre de navigation, ajoutez simplement la balise <a> avec le lien de classe .
3 Liens multiples

Pour utiliser plusieurs liens, ajoutez simplement quelques <a class = "link"> plus à la partie de votre choix.
4 Liens avec texte et icônes

Les liens peuvent être fournis avec des icônes et des textes en ajoutant des classes pour les icônes et en enveloppant le texte du lien avec l' élément <span> .
5 Liens avec uniquement des icônes

Les liens de la barre de navigation peuvent être fournis avec uniquement des icônes en ajoutant une classe d' icônes uniquement aux liens.
6 Application et méthodes d'affichage associées

Lors de l'initialisation de la vue , framework7 vous permet d'utiliser les méthodes disponibles pour la barre de navigation.
sept Masquer automatiquement la barre de navigation

La barre de navigation peut être masquée / affichée automatiquement pour certaines pages chargées Ajax où la barre de navigation n'est pas requise.