更新时间:2022-04-26 GMT+08:00
分享

模态框

模态框组件作为一个模态对话框的容器,支持向模态框中拖入各种组件,用于在模态框弹出时,用户必须先响应模态框后,才能对其他对象进行操作的场景。

模态对话框功能:当一个模态对话框弹出时,用户想要对模态框以外的应用程序进行操作时,必须先对该对话框进行响应,例如单击“确定”或“取消”按钮等将该对话框关闭。

属性

说明

标题

模态框的标题。

确定按钮文字

模态框的“确定”按钮上的文字。

取消按钮文字

模态框的“取消”按钮上的文字。

显示Loading

开启后,确定按钮显示loading状态。

显示遮罩层

开启后,显示遮罩层。

点击遮罩层关闭

  • 开启后,允许点击模态框外的遮罩层关闭模态框。
  • 关闭后,必须先对该模态框进行响应才能将该模态框关闭,例如单击模态框中的按钮(“确定”、“取消”)以及图标。

可拖动

开启后,该容器可拖动。

不显示底部

开启后,隐藏“确认”和“取消”按钮区域。

显示取消按钮

开启后,显示取消按钮。

确定按钮在前

开启后,确认按钮在前。

确定按钮禁用

开启后,确认按钮被禁用。

如果模态框高度太大,无法正常显示,可在页面的“样式代码”里添加以下样式代码,即先在样式代码里设置滚动条,然后再将高度改小,如图1所示。

.ivu-modal-body {
overflow:auto;
}
图1 模态框样式
分享:

    相关文档

    相关产品

关闭导读