layer设置maxWidth及maxHeight解决方案

最新推荐文章于 2023-07-04 14:05:16 发布

转载最新推荐文章于 2023-07-04 14:05:16 发布 · 988 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/aizai846/p/11249287.html

文章标签：

#javascript #ViewUI

本文详细介绍了layer，一款流行的web弹层组件。它提供了全面的解决方案，适用于不同技术水平的开发者，能够使网页操作体验更加丰富友好。文章讲解了如何通过area属性自定义弹窗的宽高，以及如何设置maxWidth和maxHeight属性限制弹窗的最大尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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