dialog.JS 异步方式处理dialog封装

最新推荐文章于 2024-04-07 09:43:56 发布

刘剑涛哒哒哒

最新推荐文章于 2024-04-07 09:43:56 发布

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_39402742/article/details/76668382

本文介绍了一个基于Layer.js实现的自定义对话框组件，包括错误提示、成功消息、确认操作等不同类型的消息弹窗，并提供了无需页面跳转的确认弹窗功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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 : ['确定'],
        });
    },
}

然后在HTML中调用dialog

<script src="/Public/js/dialog.js"></script>