当前位置:Gxlcms > JavaScript > layer设置maxWidth及maxHeight解决方案

layer设置maxWidth及maxHeight解决方案

时间:2021-07-01 10:21:17 帮助过:4人阅读

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解决方案,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

人气教程排行