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 支持的面板类型 −
| S.No | 类型 &描述 |
|---|---|
| 1 | 打开和关闭面板
添加面板和效果后，我们需要添加打开和关闭面板的功能。 |
| 2 | 面板事件
要检测用户如何与面板交互，您可以使用面板事件。 |
| 3 | 通过滑动打开面板
Framework7 为您提供以下功能:使用滑动手势打开面板。 |
| 4 | 面板是否打开?
我们可以使用with-panel[position]-[effect]规则判断面板是否打开。 |
