layui彈出框寬高度的改變


 一、通過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沒有設置好。

 

     

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM