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 | 弹出窗口事件
要检测用户如何与弹出窗口交互,可以使用弹出窗口事件。 |