模态窗口

创建自定义的RuoYi模态窗口可通过添加.inmodal类来实现。

大小设置

模态窗口提供两种大小尺寸,可以通过为模态窗口的.modal-dialog添加类来实现

动画窗口

您可以通过为模态窗口的.modal-content添加类来实现动画效果

设置选项

可以通过数据绑定或者Javascript来实现模态窗口的相关功能,如果使用数据绑定,可以为元素添加data-,如data-backdrop=""

名称 类型 默认值 说明
backdrop boolean 或 string 'static' true 遮罩层,或使用'static'指定遮罩层与关闭模态窗口不关联
keyboard boolean true 按Esc键时退出模态窗口
show boolean true 初始化完成后显示模态窗口
remote path false

推荐使用数据绑定方式,或使用 jQuery.load

远程URL示例:

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>