framework7教程

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>     
下表显示了 Framework77 支持的面板类型-
S.No 类型和描述
1 打开和关闭面板
一旦您添加了面板和效果,我们需要添加 打开关闭面板。
2 面板事件
要检测用户如何与面板交互,您可以使用面板事件。
3 滑动打开面板
Framework7 为您提供了使用 滑动手势打开面板的功能。
4 面板是否打开?
我们可以通过 with-panel[position]-[判断面板是否打开效果] 规则。
昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4