Framework7 - Yan Paneller

Açıklama

Yan panel ekranın sol veya sağ tarafına hareket eder içeriği görüntülemek için. Framework7, uygulamanıza en fazla 2 panel (sağ yan panel ve sol yan panel) eklemenize izin verir. <body> ' nin başına paneller eklemeniz ve ardından aşağıdaki listelenen sınıfları uygulayarak açılış efektini seçmeniz gerekir -

panel-reveal - Bu, tüm uygulamanın içeriğinin taşınmasını sağlayacaktır.
panel-cover - Bu, panelin uygulama içeriğinin üzerine yerleştirilmesini sağlayacaktır.

Örneğin, aşağıdaki kod, yukarıdaki sınıfların nasıl kullanılacağını gösterir -

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

Aşağıdaki tablo, Framework77 tarafından desteklenen panel türlerini göstermektedir -

S.No	Tip ve Açıklama
1	Panelleri Aç ve Kapat Panele ve efekt ekledikten sonra, biz işlevsellik eklemek gerekir açık ve yakın paneller.
2	Panel Etkinlikleri Bir kullanıcının panel ile nasıl etkileşim kurduğunu tespit etmek için panel olaylarını kullanabilirsiniz.
3	Kaydırarak Panelleri Açın Framework7, kaydırma hareketiyle paneli açma özelliği sağlar .
4	Panel Açıldı mı? Panelin açılıp açılmadığını belirleyebiliriz. with-panel[position]-[effect] kural.