Framework7 - Panel Samping

Deskripsi

The panel samping bergerak ke sisi kiri atau kanan layar untuk menampilkan konten. Framework7 memungkinkan Anda menyertakan hingga 2 panel (panel sisi kanan dan panel sisi kiri) ke aplikasi Anda. Anda perlu menambahkan panel di awal <body> dan kemudian memilih efek pembukaan dengan menerapkan kelas yang terdaftar berikut -

panel-reveal - Ini akan membuat seluruh konten aplikasi keluar.
panel-cover - Ini akan membuat panel menjadi overlay pada konten aplikasi.

Misalnya, kode berikut menunjukkan cara menggunakan kelas di atas -

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

Tabel berikut menunjukkan jenis panel yang didukung oleh Framework77 -

S.No	Jenis & Deskripsi
1	Buka dan Tutup Panel Setelah Anda menambahkan panel dan efek, kami perlu menambahkan fungsionalitas untuk membuka dan menutup panel.
2	Acara Panel Untuk mendeteksi bagaimana pengguna berinteraksi dengan panel, Anda dapat menggunakan peristiwa panel.
3	Buka Panel Dengan Gesek Framework7 memberi Anda fitur untuk membuka panel dengan gerakan menggesek .
4	Panel Dibuka? Kita bisa menentukan apakah panel dibuka atau tidak dengan menggunakan with-panel[position]-[effect] aturan.