Framework7 - 覆盖模式
描述
模式是一个小窗口，它显示来自单独来源的内容，而无需离开父窗口。
Framework7 中有不同类型的模式，如下表所示 −
| S.No | 模式类型 &描述 |
|---|---|
| 1 | 警报
显示警报模式。 |
| 2 | 确认
确认模式用于确认对显示内容的某些操作。 |
| 3 | 提示
提示模式允许用户采取一些操作。 |
| 4 | 登录和密码
这种类型的模态框用于身份验证。 |
| 5 | 嵌套模态框
您可以在一个模态框内使用另一个模态框。 |
| 6 | 预加载器模态框
预加载器模态框定义后台操作并在此操作期间停止用户操作。 |
| 7 | 指示器
指示器模式指定用户操作的小指示活动，如预加载模式。 |
自定义模式
下表显示模式参数列表 −
| S.No | 参数 &描述 | 类型 | 默认 |
|---|---|---|---|
| 1 | title 它是一个可选参数，用于定义带有模态标题的字符串。 |
string | - |
| 2 | text 它是一个可选参数，用于定义带有模态文本的字符串。 |
string | - |
| 3 | afterText 它是一个可选参数，用于定义文本后的字符串。 |
string | |
| 4 | buttons 它是一个可选参数，包含一个按钮数组，每个按钮都使用按钮参数作为对象指定。 |
array | - |
| 5 | verticalButtons 它是一个可选参数，通过将其设置为 true 来指定垂直按钮。 |
boolean | false |
| 6 | onClick 它是一个可选参数，当用户点击模式按钮时执行回调函数。 |
function | - |
下表列出了按钮的参数 −
| S.No | 参数 &描述 | 类型 | 默认 |
|---|---|---|---|
| 1 | text 它是一个可选参数，用于定义按钮文本的字符串。 |
string | - |
| 2 | bold 它是一个可选参数，通过将其设置为 true 使文本变为粗体。 |
boolean | false |
| 3 | close 它是一个可选参数，如果将其设置为 true，则当您单击按钮时将关闭模式。 |
boolean | true |
| 4 | onClick 它是一个可选参数，当用户点击按钮时执行回调函数。 |
function | - |
模态事件
下表显示了模态事件的列表 −
| S.No | Event | Target &描述 |
|---|---|---|
| 1 | open | 模态元素 打开动画时，将触发此事件。 |
| 2 | opened | 模态元素 动画打开完成后，将触发此事件。 |
| 3 | close | 模态元素 关闭动画时，将触发此事件触发。 |
| 4 | closed | 模态元素 动画关闭完成后，将触发此事件。 |
framework7_overlays.html
