Framework7侧面板用于在屏幕的左侧或右侧移动以显示内容。在Framework7中, 你的应用程序中最多可以包含2个面板（右侧面板和左侧面板）。在的开头添加面板, 然后通过应用以下类来选择打开效果：
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>
Framework7支持的面板类型【Framework7侧面板】以下是Framework7支持的面板类型的列表：
| 指数 | 类型 | 描述 |
|---|---|---|
| 1) | 打开和关闭面板 | 添加面板和效果后, 我们需要添加功能以打开和关闭面板。 |
| 2) | Panel Events | 要检测用户如何与面板交互, 可以使用面板事件。 |
| 3) | 滑动打开面板 | Framework7提供了使用滑动手势打开面板的功能。 |
| 4) | 面板打开了吗？ | 我们可以使用with-panel [position]-[effect]规则来确定面板是否打开。 |
