Framework7 - แผงด้านข้าง

คำอธิบาย

แผงด้านข้างเลื่อนไปด้านซ้ายหรือด้านขวาของหน้าจอเพื่อแสดงเนื้อหา Framework7 ช่วยให้คุณสามารถรวมแผงได้ถึง 2 แผง (แผงด้านขวาและแผงด้านซ้าย) ในแอปของคุณ คุณต้องเพิ่มพาเนลในส่วนเริ่มต้นของ<body>จากนั้นเลือกเอฟเฟกต์การเปิดโดยใช้คลาสที่แสดงรายการต่อไปนี้ -

panel-reveal - สิ่งนี้จะทำให้เนื้อหาของแอปทั้งหมดถูกย้ายออก
panel-cover - สิ่งนี้จะทำให้แผงควบคุมซ้อนทับเนื้อหาของแอป

ตัวอย่างเช่นรหัสต่อไปนี้แสดงวิธีใช้คลาสข้างต้น -

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

ตารางต่อไปนี้แสดงประเภทพาเนลที่สนับสนุนโดย Framework77 -

ส. เลขที่	ประเภทและคำอธิบาย
1	เปิดและปิดแผง เมื่อคุณเพิ่มพาเนลและเอฟเฟกต์เราจำเป็นต้องเพิ่มฟังก์ชันเพื่อเปิดและปิดพาเนล
2	เหตุการณ์แผง ในการตรวจสอบว่าผู้ใช้โต้ตอบกับแผงควบคุมอย่างไรคุณสามารถใช้เหตุการณ์แผง
3	เปิดแผงด้วยการปัด Framework7 ให้คุณคุณลักษณะแผงเปิดกับรูดท่าทาง
4	แผงเปิดอยู่? เราสามารถตรวจสอบว่าแผงเปิดหรือไม่โดยใช้ with-panel[position]-[effect] กฎ.