首頁 >web前端 >Layui教程 >layui中layer的寬高怎麼自訂設定?

layui中layer的寬高怎麼自訂設定?

青灯夜游
青灯夜游原創
2020-11-20 10:13:144674瀏覽

layui中的layer模組可使用area屬性來設定寬高。預設狀態下,layer是寬高都自適應的,但當需要自訂寬度和高度時就可以使用“area:['寬度','高度']”語句來設置,例“area:['500px' ,'300px']」。

layui中layer的寬高怎麼自訂設定?

在預設狀態下,layer是寬高都自適應的 

但是有時需要單獨自訂寬度和高度,程式碼如下:

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自动关闭
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['确定']
});

其中area:['300px', '200px'] 可以自訂高寬度

網路上說的先定義layer.msg,再用layer.style限定寬度或高度無效!無效程式碼如下:

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自动关闭
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['确定']
}); 
layer.style(looptran, {
    width: '400px',
    height:'200px'});

官網說明截圖:
layui中layer的寬高怎麼自訂設定?

# 更多程式相關知識,請造訪:程式設計課程! !

以上是layui中layer的寬高怎麼自訂設定?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn