Popover

优质

小牛编辑

131浏览

2023-12-01

描述 (Description)

要管理临时内容的呈现，可以使用popover组件。它将一直存在，直到您在弹出窗口外单击，或者您可以明确地忽略它。

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

弹出窗口布局非常简单，通常添加在《body》部分的末尾，如下所示 -

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

Popover是高度可定制的。您可以在内部放置任何元素，并通过导航发送另一个视图。下表显示了Framework7中使用的弹出窗口类型 -

S.No	类型和描述
1	打开和关闭Popover 可以使用HTML和JavaScript来打开和关闭弹出窗口。
2	Dynamic Popover 可以使用相关的app方法动态创建popover。
3	Popover事件要检测用户如何与弹出框进行交互，您可以使用弹出框事件。