Layer彈窗消息封裝，Layer消息提示封裝，Layer使用

 

================================

©Copyright 蕃薯耀 2020-08-05

https://www.cnblogs.com/fanshuyao/

 

一、引入js（因為引用了layui，直接引入這個）

<script type="text/javascript" src="../../static/plugin/layui-v2.5.6/layui.all.js"></script>

 

 

二、提示封裝

寫在公共的js里面，如common.js

var layer = layui.layer;

L = {};

L.msg = function(msg){
    return layer.msg(msg);
};

L.fail = function(msg){
    return layer.alert(msg, {icon: 5, shade: 0.5});
};

L.failMsg = function(msg){
    return layer.msg(msg, {icon: 5});
    
};

L.ok = function(msg){
    return layer.alert(msg, {icon: 6, shade: 0.5});
};

L.okMsg = function(msg){
    return layer.msg(msg, {icon: 6});
};


L.alert = function(msg){
    return layer.alert(msg);
};


L.load = function(msg){
    return layer.msg((msg || "數據處理中，請等待…"), {
        icon : 16,
        shade : 0.2,
        time: 0//不關閉
    });
};

L.confirm = function(msg){
    return layer.msg((msg || "數據處理中，請等待…"), {
        icon : 16,
        shade : 0.2,
        time: 0//不關閉
    });
};

/*
使用：
aaa = function(){
    alert("bbbcc");
};

L.confirm("你確定？", aaa);
 */
L.confirm = function(msg, callbackFunction){
    return layer.confirm((msg || "您確定要操作嗎？"), {
            btn: ["確定", "關閉"] //按鈕
        
        }, function(index, layero){
            callbackFunction();
            layer.close(index);
            
        }, function(index, layero){
            layer.close(index);
        });
};

 

（如果你覺得文章對你有幫助，歡迎捐贈，^_^，謝謝！） 

================================

©Copyright 蕃薯耀 2020-08-05

https://www.cnblogs.com/fanshuyao/