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.