EasyUI 修改 Messager 消息框大小

Posted 2020-10-05 Mr_伍先生

需求是要修改确认消息窗口的大小。

简单的调用方法是这样的：

$.messager.confirm(‘操作确认‘, ‘确定批量编辑文章？‘, function (r) {
    ...
}

 

这个时候生成的弹窗默认宽度是300，高度是自适应的。

这些在chrome执行 $.messager.defaults 可以看到。 

所以我们要修改的话把这些默认值需要修改的重新定义一下，覆盖掉就好了。 
代码如下：

$.messager.confirm({
    width: 380,
    height: 160, 
    title: ‘操作确认‘,
    msg: ‘确定批量删除数据？‘,
    fn: function (r) {
            ...
        
    }
});

 

PS：如果要修改里面的文字大小，直接覆盖 easyui 自己的 css 样式就可以。

/* 修改easyui消息框文字大小 */
.panel-body {
    font-size: 14px;
}

 

转载于:http://blog.csdn.net/dandelion_drq/article/details/72315762