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

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

青灯夜游
發布: 2020-11-20 10:13:14
原創
4665 人瀏覽過

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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板