Framework7 - 覆盖模态框

描述

模态框是一个小型窗口，它显示来自独立来源的内容，而无需离开父窗口。

Framework7 中提供了不同类型的模态框，如下表所示：

序号	模态框类型及描述
1	警告显示警告模态框。
2	确认确认模态框用于确认显示内容的某些操作。
3	提示提示模态框允许用户执行某些操作。
4	登录和密码此类型的模态框用于身份验证。
5	嵌套模态框可以在一个模态框内使用另一个模态框。
6	预加载器模态框预加载器模态框定义后台操作，并在该操作期间阻止用户操作。
7	指示器指示器模态框为用户操作指定小型指示活动，类似于预加载器模态框。

自定义模态框

下表显示模态框参数列表：

序号	参数及描述	类型	默认值
1	标题 (title) 这是一个可选参数，定义带有模态框标题的字符串。	字符串	-
2	文本 (text) 这是一个可选参数，定义带有模态框文本的字符串。	字符串	-
3	文本后缀 (afterText) 这是一个可选参数，定义文本后的字符串。	字符串
4	按钮 (buttons) 这是一个可选参数，包含一个按钮数组，每个按钮都以按钮参数作为对象指定。	数组	-
5	垂直按钮 (verticalButtons) 这是一个可选参数，通过将其设置为 true 来指定垂直按钮。	布尔值	false
6	点击事件 (onClick) 这是一个可选参数，当用户点击模态框按钮时执行回调函数。	函数	-

下表列出了按钮的参数：

序号	参数及描述	类型	默认值
1	文本 (text) 这是一个可选参数，定义带有按钮文本的字符串。	字符串	-
2	粗体 (bold) 这是一个可选参数，通过将其设置为 true 来使文本加粗。	布尔值	false
3	关闭 (close) 这是一个可选参数，如果设置为 true，则单击按钮时将关闭模态框。	布尔值	true
4	点击事件 (onClick) 这是一个可选参数，当用户点击按钮时执行回调函数。	函数	-

模态框事件

下表显示模态框事件列表：

序号	事件	目标及描述
1	打开 (open)	模态框元素打开动画时，将触发此事件。
2	已打开 (opened)	模态框元素打开动画完成后，将触发此事件。
3	关闭 (close)	模态框元素关闭动画时，将触发此事件。
4	已关闭 (closed)	模态框元素关闭动画完成后，将触发此事件。

framework7_overlays.htm

打印页面

广告