Framework7 - 覆盖层弹出窗口



描述

弹出窗口是一个弹出框,当用户点击使用popup类别的元素时,会显示内容。

弹出窗口的大小在不同的设备上有所不同。在手机上,它将全屏显示,而在平板电脑上,它将以 630px 的宽度和高度显示。您可以添加tablet-fullscreen类,以便在平板电脑上全屏显示。

您可以通过以下表格中指定的方式以两种方式打开和关闭弹出窗口:

序号 类型
1 来自 HTML

您可以使用类和数据属性打开和关闭弹出窗口。

2 使用 JavaScript

您可以使用 JavaScript 代码打开和关闭弹出窗口。

弹出窗口事件

序号 事件 目标 & 描述
1 open

弹出窗口元素

当您打开动画时,此事件将被触发。

2 opened

弹出窗口元素

当动画打开完成时,此事件将被触发。

3 close

弹出窗口元素

当您关闭动画时,此事件将被触发。

4 closed

弹出窗口元素

当动画关闭完成时,此事件将被触发。

您还可以使用其 HTML 到 App 方法创建动态弹出窗口。这里有一个示例

framework7_overlays.htm
广告