js 对 layer.js 弹窗的封装

js 对 layer.js 弹窗的封装

代码实例qingyu2020-11-06 17:56:341155A+A-

  js 对 layer.js 弹窗的封装

 引入: 

<script src="../public/static/admin/js/dialog/layer.js"></script>
<script src="../public/static/admin/js/dialog.js"></script>

  调用:

<script>
    dialog.error('登录失败')
</script>

  封装代码:

  dialog.js  :

var dialog = {
    // 错误弹出层
    error: function(message) {
        layer.open({
            content:message,
            icon:2,
            title : '错误提示',
        });
    },

    //成功弹出层
    success : function(message,url) {
        layer.open({
            content : message,
            icon : 1,
            yes : function(){
                location.href=url;
            },
        });
    },

    // 确认弹出层
    confirm : function(message, url) {
        layer.open({
            content : message,
            icon:3,
            btn : ['是','否'],
            yes : function(){
                location.href=url;
            },
        });
    },

    //无需跳转到指定页面的确认弹出层
    toconfirm : function(message) {
        layer.open({
            content : message,
            icon:3,
            btn : ['确定'],
        });
    },
}


点击这里复制本文地址 欢迎来到大黄鸡源码分享网
qrcode

大黄鸡源码编程网 © All Rights Reserved.  
网站备案号:闽ICP备18012015号-4
Powered by Z-BlogPHP
联系我们| 关于我们| 广告联系| 网站管理