layui 弹层自适应_layui弹框自适应高度

方式一:如下,可有效防止高度超出可视范围

layer.open({

skin : ‘layui-layer-molv‘,

type : 1,

title : ‘预览‘,

area : [‘640px‘, ‘95%‘], // 高度设置为95%,防止超出可视范围

shade : 0.8, // 遮罩层透明度

id : ‘LAY_layuipro‘, //设定一个id，防止重复弹出

resize : false, //是否允许拉伸

btn : [‘关闭‘],

btnAlign: ‘r‘,

moveType : 1, //拖拽模式，0或者1

content : ‘html内容‘,

yes: function (index) {

layer.close(index);

}

});

方式二:完全自适应高度,当数据过长时,可能会超出可视范围

layer.open({

skin : ‘layui-layer-molv‘,

type : 1,

title : ‘预览‘,

area : [‘640px‘], // 自适应高度

shade : 0.8, // 遮罩层透明度

id : ‘LAY_layuipro‘, //设定一个id，防止重复弹出

resize : false, //是否允许拉伸

btn : [‘关闭‘],

btnAlign: ‘r‘,

moveType : 1, //拖拽模式，0或者1

content : ‘html内容‘,

yes: function (index) {

layer.close(index);

}

});