成都网站建设设计

将想法与焦点和您一起共享

layui中layer宽高自定义设置的方法

了解layui中layer宽高自定义设置的方法?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!

成都创新互联公司是网站建设技术企业,为成都企业提供专业的网站设计制作、成都做网站,网站设计,网站制作,网站改版等技术服务。拥有10余年丰富建站经验和众多成功案例,为您定制适合企业的网站。10余年品质,值得信赖!

layui中的layer模块可使用area属性来设置宽高。默认状态下,layer是宽高都自适应的,但当需要自定义宽度和高度时就可以使用“area:['宽度','高度']”语句来设置,例“area:['500px','300px']”。

在默认状态下,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宽高自定义设置的方法大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注创新互联行业资讯频道。


网站标题:layui中layer宽高自定义设置的方法
URL地址:http://chengdu.cdxwcx.cn/article/pdoppp.html