Framework7 - Panneaux latéraux

La description

Le panneau latéral se déplace vers la gauche ou la droite de l'écran pour afficher le contenu. Framework7 vous permet d'inclure jusqu'à 2 panneaux (panneau latéral droit et panneau latéral gauche) à votre application. Vous devez ajouter des panneaux au début du <body> , puis choisir l'effet d'ouverture en appliquant les classes répertoriées suivantes -

panel-reveal - Cela fera sortir tout le contenu de l'application.
panel-cover - Cela rendra le panneau superposé sur le contenu de l'application.

Par exemple, le code suivant montre comment utiliser les classes ci-dessus -

<body>
   <!-- First add Panel's overlay which will overlays app while panel is opened -->
   <div class = "panel-overlay"></div>
 
   <!-- Left panel -->
   <div class = "panel panel-left panel-cover">
      panel's content
   </div>
 
   <!-- Right panel -->
   <div class = "panel panel-right panel-reveal">
      panel's content
   </div>
 
</body>

Le tableau suivant présente les types de panneaux pris en charge par Framework77 -

S. Non	Type et description
1	Ouvrir et fermer les panneaux Une fois que vous avez ajouté le panneau et les effets, nous devons ajouter des fonctionnalités pour ouvrir et fermer les panneaux.
2	Événements du panel Pour détecter la manière dont un utilisateur interagit avec le panneau, vous pouvez utiliser les événements du panneau.
3	Ouvrir les panneaux avec glisser Framework7 vous offre la possibilité d'ouvrir le panneau avec un geste de balayage .
4	Le panneau est ouvert? Nous pouvons déterminer si le panneau est ouvert ou non en utilisant le with-panel[position]-[effect] règle.