一、通過css改變layui的彈出框的寬高(不推薦)
.layui-layer{
width: 700px !important;
}
注意:加“!important”的原因,css的優先級問題。layui彈出框的默認寬高度是使用行內樣式,優先級很高。所以要使用“!important”。
二、通過layui彈出框里面方法改變彈出框的寬高(推薦)
area['寬度','高度']

三、使用js來操作css來達到改變彈出框的寬高
直接在彈窗里的success:function(){
$('.layui-layer').width('450px');
}

適用場景:1.寬度固定,高度需要自適應。
eg:在彈出框里使用xm-select插件,需要選擇很多數據,並展示出來。

例如:紅框的高度根據你選擇的內容的多少而變化,就可以使用第三種方式或者第一種方式。如果不起作用,說明xm-select沒有設置好。