layui 弹窗自适应高度_layui弹框自适应高度(示例代码)

论坛 期权论坛 编程之家     
选择匿名的用户   2021-6-2 20:16   1676   0

layer.open自适应高度

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

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);

}

});

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:3875789
帖子:775174
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP