首页 > web前端 > Layui教程 > layui中layer的宽高怎么自定义设置?

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

青灯夜游
发布: 2020-11-20 10:13:14
原创
4667 人浏览过

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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板