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