目录

Popover

描述 (Description)

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

建议不要在小屏幕(iPhone)上使用popover。 您应该使用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>

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

S.No 类型和描述
1 打开和关闭Popover

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

2 Dynamic Popover

可以使用相关的app方法动态创建popover。

3 Popover事件

要检测用户如何与弹出框进行交互,您可以使用弹出框事件。

↑回到顶部↑
WIKI教程 @2018