layui根据不同分辨率弹出不同比例的窗口(弹出层)

引用layui框架,根据不同电脑分辨率弹出不同比例的窗口(弹出层)

当电脑页面分辨率较低,页面造成坍塌问题,给不同分辨率的页面设置不同的弹窗百分比大小,问题就解决了。

$("#doupload").click(function () {
        layer.open({
            title: "上传文件",
            scrollbar: false,
            type: 2,    //弹出层
            content: "/views/upload",
            area: setpage(),
            skin: "layui-layer-molv",
            btn: ['确定', '关闭'],
            yes: function (index, layero) {
                layer.close(index);
                parent.location.reload();
            }
        });

    });

function setpage() {
    if ($(window).width() < 458) {
        return ['100%', '100%'];
    } else {
        return ['70%', '70%'];
    }
}

你可能感兴趣的:(layui,javascript)