Popup

优质

小牛编辑

126浏览

2023-12-01

描述 (Description)

Popup是一个弹出框，当用户使用popup类单击元素时，它会显示内容。

弹出窗口的大小因设备而异。在手机上，它将显示全屏，在平板电脑上，它将显示630px的宽度和高度。您可以添加tablet-fullscreen类，以在平板电脑上制作全屏尺寸。

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

S.No	类型
1	来自HTML 您可以使用类和数据属性打开和关闭弹出窗口。
2	使用JavaScript 您可以使用JavaScript代码打开和关闭弹出窗口。

S.No	事件	目标和描述
1	open	Popup Element 当您打开动画时，此事件将被触发。
2	opened	Popup Element 当动画的开始完成时，此事件将被触发。
3	close	Popup Element 关闭动画时，此事件将被触发。
4	closed	Popup Element 关闭动画完成后，此事件将被触发。

您还可以使用HTML到App方法创建动态弹出窗口。这是一个example 。