layer设置maxWidth及maxHeight解决方案

更新日期: 2019-07-29阅读: 3.1k标签: layer

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             //弹出层内容
});


作者:爱在846
出处:http://www.cnblogs.com/aizai846/


链接: https://fly63.com/article/detial/4407

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!