Framework7 - 弹出框 (Popover)

描述

为了管理临时内容的显示，可以使用弹出框组件。它将一直存在，直到您点击弹出框窗口外部或显式地将其关闭。

建议不要在小屏幕（iPhone）上使用弹出框。您应该使用操作表 (Action sheet)或操作表转换为弹出框，这些将在下一章中讨论。

弹出框布局非常简单，通常添加到<body>部分的末尾，如下所示：

<body>
   ....
   <div class = "popover">
      <!-- Popover's angle arrow -->
      <div class="popover-angle"></div>

      <!-- Popover's content -->
      <div class = "popover-inner">
         <!-- Any content of HTML here -->
      </div>
   </div>
</body>

弹出框高度可定制。您可以在其中放置任何元素，甚至包含带有导航的另一个视图。下表显示了 Framework7 中使用的弹出框类型：

序号	类型和描述
1	打开和关闭弹出框可以使用 HTML 和 JavaScript 来打开和关闭弹出框。
2	动态弹出框可以使用相关的应用程序方法动态创建弹出框。
3	弹出框事件要检测用户如何与弹出框交互，可以使用弹出框事件。

framework7_overlays.htm

打印页面

序号	类型和描述
1	打开和关闭弹出框可以使用 HTML 和 JavaScript 来打开和关闭弹出框。
2	动态弹出框可以使用相关的应用程序方法动态创建弹出框。
3	弹出框事件要检测用户如何与弹出框交互，可以使用弹出框事件。