微客导航 » 文章资讯 » layer设置maxWidth及maxHeight解决方案

layer设置maxWidth及maxHeight解决方案

2023-08-18 14:33:04 520

layer介绍

layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。下载及使用访问官方网站。

area属性

layer的宽高是通过area属性设置，例如area:[‘300px',‘600px']，表示定义宽300px；高600px的弹出层；

默认设置：layer宽高都自适应的，即area默认值为‘auto'。

maxWidth及maxHeight属性

‘maxWidth'和‘maxHeight'分别对应css中‘max-width'及‘max-height'，若想设置该属性，并让其起作用，必须将area属性设置为默认设置(area:'auto')。

示例代码

layer.open({
type:1,
title:'属性信息',//弹出层标题
area:'auto',//宽高自适应
maxHeight:'600px',//最大高度600像素
shadeClose:true,//点击遮罩关闭
content:html//弹出层内容
});

总结

以上所述是小编给大家介绍的layer设置maxWidth及maxHeight解决方案,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！