Rumah > hujung hadapan web > Tutorial Layui > layui中layer的宽高怎么自定义设置?

layui中layer的宽高怎么自定义设置?

青灯夜游
Lepaskan: 2020-11-20 10:13:14
asal
4646 orang telah melayarinya

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: ['确定']
});
Salin selepas log masuk

其中 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'});
Salin selepas log masuk

官网说明截图:
这里写图片描述

更多编程相关知识,请访问:编程课程!!

Atas ialah kandungan terperinci layui中layer的宽高怎么自定义设置?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan