Framework7 - Popover

描述

为了管理临时内容的呈现,可以使用 popover 组件。它会一直存在,直到您点击 popover 窗口之外,或者您可以明确关闭它。

建议不要在小屏幕(iPhone)上使用 popover。您应该使用 操作表操作表到 popover 的转换,这将在下一章中讨论。

popover 布局非常简单,通常添加到 <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>
 

Popover 高度可定制。您可以将任何元素放置在其中,甚至可以使用导航来显示另一个视图。下表显示了 Framework7 中使用的 popover 类型 −

S.No 类型 &描述
1 打开和关闭弹出窗口

可以使用 HTML 和 JavaScript 打开和关闭弹出窗口。

2 动态弹出窗口

可以使用相关应用方法动态创建弹出窗口。

3 弹出窗口事件

要检测用户如何与弹出窗口交互,可以使用弹出窗口事件。

framework7_overlays.html