layer设置maxWidth及maxHeight解决方案

更新日期: 2019-07-29 阅读: 3.6k 标签: 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 )的问题,这个问题其实是疏忽了一些 基础参数(仔细看文档,仔细看文档,仔细看文档)

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