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