Framework7 - Panele boczne

Opis

W panelu bocznym przesuwa się do lewej lub prawej stronie ekranu, aby wyświetlić zawartość. Framework7 umożliwia dołączenie do aplikacji maksymalnie 2 paneli (prawy panel boczny i lewy panel boczny). Musisz dodać panele na początku <body>, a następnie wybrać efekt otwarcia, stosując następujące wymienione klasy -

panel-reveal - Spowoduje to przeniesienie zawartości całej aplikacji.
panel-cover - Spowoduje to nałożenie panelu na zawartość aplikacji.

Na przykład poniższy kod pokazuje, jak używać powyższych klas -

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

Poniższa tabela przedstawia typy paneli obsługiwane przez Framework77 -

S.Nr	Typ i opis
1	Otwieranie i zamykanie paneli Po dodaniu panelu i efektów musimy dodać funkcję otwierania i zamykania paneli.
2	Wydarzenia panelowe Aby wykryć, w jaki sposób użytkownik współdziała z panelem, możesz użyć zdarzeń panelu.
3	Otwórz panele za pomocą machnięcia Framework7 zapewnia funkcję otwierania panelu za pomocą gestu machnięcia .
4	Panel jest otwarty? Możemy określić, czy panel jest otwarty, czy nie, za pomocą with-panel[position]-[effect] reguła.