Framework7 - 覆盖弹出窗口
描述
弹出窗口是一个弹出框，当用户使用 popup 类点击元素时，它会显示内容。
弹出窗口的大小因设备而异。在手机上，它将全屏显示；在平板电脑上，它将以 630px 的宽度和高度显示。您可以添加 tablet-fullscreen 类以在平板电脑上实现全屏显示。
您可以通过下表中指定的两种方式打开和关闭弹出窗口 −
| S.No | Type |
|---|---|
| 1 | 来自 HTML
您可以使用类和数据属性打开和关闭弹出窗口。 |
| 2 | 使用JavaScript
您可以使用 JavaScript 代码打开和关闭弹出窗口。 |
弹出事件
| S.No | 事件 | 目标 &描述 |
|---|---|---|
| 1 | open | 弹出元素 打开动画时，将触发此事件。 |
| 2 | opened | 弹出元素 动画打开完成后，将触发此事件。 |
| 3 | close | 弹出元素 关闭动画时，将触发此事件触发。 |
| 4 | closed | 弹出元素 动画关闭完成后，将触发此事件。 |
您还可以使用其 HTML 到 App 方法创建动态弹出窗口。这是一个示例。
framework7_overlays.html
