目录

当前位置：首页 > 文档资料 > Framework7 入门教程 >

Modal

优质

小牛编辑

132浏览

2023-12-01

描述 (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 关闭动画完成后，此事件将被触发。

免责声明：以上内容版权归原作者所有，如有侵犯您的原创版权请告知，我们将尽快删除相关内容。感谢每一位辛勤著写的作者，感谢每一位的分享。