layui彈框自適應高度

layer.open自適應高度

方式一:以下,可有效防止高度超出可視範圍html

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

方式二:徹底自適應高度,當數據過長時,可能會超出可視範圍ide

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);
            }
        });
相關文章
相關標籤/搜索