layui弹出框宽高度的改变

 一、通过css改变layui的弹出框的宽高(不推荐)

       .layui-layer{

              700px !important;
       }
        注意:加“!important”的原因,css的优先级问题。layui弹出框的默认宽高度是使用行内样式,优先级很高。所以要使用“!important”。
二、通过layui弹出框里面方法改变弹出框的宽高(推荐)
      area['宽度','高度']
三、使用js来操作css来达到改变弹出框的宽高
      直接在弹窗里的success:function(){          
          $('.layui-layer').width('450px');
      }
      
      适用场景:1.宽度固定,高度需要自适应。
          eg:在弹出框里使用xm-select插件,需要选择很多数据,并展示出来。
     

      例如:红框的高度根据你选择的内容的多少而变化,就可以使用第三种方式或者第一种方式。如果不起作用,说明xm-select没有设置好。

     

原文地址:https://www.cnblogs.com/Alaic2052243080/p/14554475.html