基於Layer 封裝JS

var ZTLayer = {
    tips: function (content, target, time) {
        return layer.tips(content, target, { time: time || 3000 });
    },
    //關閉一個層
    close: function (index) {
        layer.close(index);
    },
    //顯示遮罩層
    showLoading: function (time, style) {
        time = time || 0;
        style = style || 1
        return layer.load(style, { shade: [0.5, '#393D49'], time: time });
    },
    //關閉遮罩層
    closeLoading: function () {
        layer.closeAll('loading');
    },
    //彈出提示 icon類型 0:帶！的提示 1:√ 2:x 3:? 4:鎖 5:難過臉 6:微笑臉
    showTips: function (content, icon, time, callback) {
        icon = icon || 0;
        time = time || 3000;
        layer.msg(content, {
            icon: icon,
            time: time,
            resize: false,
            shade: 0.5,
            shadeClose: true
        }, function () {
            //do something
            if (callback) {
                callback();
            }
        });
    },
    //與 JS alert相似
    alert: function (content, btnText, title) {
        layer.alert(content, { closeBtn: 1, btn: [btnText], title: title, resize: false })
    },
    //與JS confirm相似
    confirm: function (content, title, sureText, sureFunction, closeText, closeFunction) {
        title = title || "";

        layer.confirm(
            content, { title: title, icon: 3, btn: [sureText, closeText], resize: false },
            function (index) {//確定回調
                if (sureFunction) {
                    sureFunction();
                }
                layer.close(index);
            }, function (index) {//cancel回調
                if (closeFunction) {
                    closeFunction();
                }
                layer.close(index);
            });
    },
    openWindow: function (content, title, width, height) {
        title = title || "";
        width = width || 500;
        height = height || 500;

        var offset = ((window.screen.height - height) * 0.3) + 'px';

        return layer.open({
            title: title
            , content: content
            , type: 1
            , offset: offset //具體配置參考：http://www.layui.com/doc/modules/layer.html#offset
            , shade: 0.5 // 遮罩層透明度
            , resize: false
            , area: [width + 'px', height + 'px']
            , skin: 'layui-layer-rim'
        });
    },
    openIframe: function (url, title, width, height) {
        title = title || "";
        width = width || 500;
        height = height || 500;
        var offset = ((window.screen.height - height) * 0.3) + 'px';

        return layer.open({
            title: title
            , content: url
            , type: 2
            , offset: offset //具體配置參考：http://www.layui.com/doc/modules/layer.html#offset
            , shade: 0.5 // 遮罩層透明度
            , resize: false
            , area: [width + 'px', height + 'px']
            , skin: 'layui-layer-rim'
        });
    }
};