首页 > 其他 > 详细

layui弹框自适应高度

时间:2020-05-15 17:15:18      阅读:374      评论:0      收藏: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);
            }
        });

layui弹框自适应高度

原文:https://blog.51cto.com/1197822/2495654

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!