常用的layer弹出层

Posted dj1232090

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了常用的layer弹出层相关的知识,希望对你有一定的参考价值。

本文来自 松耦合 的CSDN 博客 ,全文地址请点击:https://blog.csdn.net/dunegao/article/details/78978448?utm_source=copy

 

 

常用的layer弹出层

1、提示信息

layer.msg("格式不正确")


2、loading加载层

    var loading_img = layer.load(1, {
        shade: [0.1,‘#fff‘] //0.1透明度的白色背景
    });
    //数据调取完毕时使用
    layer.close(loading_img);




3、删除确认询问框
    layer.confirm(‘确定删除吗?‘, {
        title :‘提示信息‘,
        btn: [‘确定‘,‘取消‘] //按钮
    },function(index){
        var obj =new Object();
        obj.user_id=user_id;
        commonAjax.ajaxSubmit(‘shopUser/deleteShopUser.do‘, ‘POST‘, obj, function (result) {
            if(result.resCode == ‘0‘){
                layer.msg(‘删除成功‘);
                shopUser.getShopUserList(shopUser.defaultOption.pages);
            }else{
                errMsg.showError(result.errCode);
            }
        });
    });



4、提示两秒后跳转

       layer.open({
        content: ‘修改密码成功‘,
        skin: ‘msg‘,
        time: 2,
        end : function () {
            // 页面跳转
            localStorage.removeItem("mas_user");
            var url = commonAjax.defaultOption.mas_url.replace("{0}",1);
            window.location.href = url;
        }
    });


5、alert提示成功点击确定后跳转(隐藏当前弹出框的关闭按钮)


layer.alert("成功",
     {closeBtn:0},
     function(){
        location.href="shopType.html"
})

 

以上是关于常用的layer弹出层的主要内容,如果未能解决你的问题,请参考以下文章

牛逼的 弹出层 layer !!!

layer框架弹出层

如何获取用layer弹出层表单的数据

layer弹出层详解

layer弹出层怎么位于页面的下方

layui使用layer弹出层父子页面事件相互调用方法