layui弹框自适应高度

Posted 2020-11-28

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