layer设置maxWidth及maxHeight解决方案

更新日期: 2019-07-29 阅读: 3.7k 标签: 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

在vue中使用layer弹框插件,实现数据交互功能

layer.js是一个小巧方便的弹出层插件,目前很多网站都在使用。最近在使用vue框架开发中引入了layer.js。由于vue不能绑定动态新创建的Dom元素,那么有什么方法可以实现新增Dom的数据绑定问题呢?

layer.open()的content属性传参数方法

在使用layer弹窗的过程,发现layer.open的属性content可传入的值是灵活多变的,不仅可以传入普通的html内容,还可以指定DOM,更可以随着type的不同而不同。

layer防止重复弹出的办法

解决 layui 弹层 layer 组件(重复弹出)同时存在多个页面层(iframe )的问题,这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)

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