Framework7 - Seitenwände

Beschreibung

Das Seitenfenster bewegt sich zur linken oder rechten Seite des Bildschirms, um den Inhalt anzuzeigen. Mit Framework7 können Sie Ihrer App bis zu 2 Bedienfelder (rechtes und linkes Bedienfeld) hinzufügen. Sie müssen am Anfang des <Körpers> Bedienfelder hinzufügen und dann den Eröffnungseffekt auswählen, indem Sie die folgenden aufgelisteten Klassen anwenden:

panel-reveal - Dadurch wird der gesamte Inhalt der App verschoben.
panel-cover - Dadurch überlagert das Bedienfeld den Inhalt der App.

Der folgende Code zeigt beispielsweise, wie die oben genannten Klassen verwendet werden:

<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>

Die folgende Tabelle zeigt die von Framework77 unterstützten Panel-Typen -

S.No.	Typ & Beschreibung
1	Panels öffnen und schließen Sobald Sie Bedienfelder und Effekte hinzugefügt haben, müssen Sie Funktionen zum Öffnen und Schließen der Bedienfelder hinzufügen .
2	Panel-Ereignisse Um festzustellen, wie ein Benutzer mit dem Panel interagiert, können Sie Panel-Ereignisse verwenden.
3	Öffnen Sie die Bedienfelder mit Swipe Framework7 bietet Ihnen die Möglichkeit, das Bedienfeld mit einer Wischgeste zu öffnen .
4	Panel ist geöffnet? Mit dem können wir feststellen, ob das Panel geöffnet ist oder nicht with-panel[position]-[effect] Regel.