layui中l(wèi)ayer寬高自定義設(shè)置的方法

發(fā)布時間：2020-11-20 11:35:24 來源：億速云閱讀：718 作者：小新欄目：web開發(fā)

了解layui中l(wèi)ayer寬高自定義設(shè)置的方法？這個問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

layui中的layer模塊可使用area屬性來設(shè)置寬高。默認(rèn)狀態(tài)下，layer是寬高都自適應(yīng)的，但當(dāng)需要自定義寬度和高度時就可以使用“area:['寬度','高度']”語句來設(shè)置，例“area:['500px','300px']”。

在默認(rèn)狀態(tài)下，layer是寬高都自適應(yīng)的

但是有時需要單獨自定義寬度和高度，代碼如下：

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自動關(guān)閉
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['確定']
});

其中 area:[‘300px’, ‘200px’] 可以自定義高寬度

網(wǎng)上說的先定義layer.msg，再用layer.style限定寬度或高度無效！無效代碼如下：

var looptran = layer.msg(loopTranInfo, {
    time: 10000, //10s后自動關(guān)閉
    area:['300px', '200px'] ,
     /* area: '400px',*/
    btn: ['確定']
}); 
layer.style(looptran, {
    width: '400px',
    height:'200px'});

官網(wǎng)說明截圖：
layui中l(wèi)ayer寬高自定義設(shè)置的方法

感謝各位的閱讀！看完上述內(nèi)容，你們對layui中l(wèi)ayer寬高自定義設(shè)置的方法大概了解了嗎？希望文章內(nèi)容對大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

layui中l(wèi)ayer寬高自定義設(shè)置的方法

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽