Layer弹出框中icon数字参数说明

左手的ㄟ右手 2022-05-12 06:44 224阅读 0赞

原文地址：[https://blog.csdn.net/ytangdigl/article/details/72903267][https_blog.csdn.net_ytangdigl_article_details_72903267]

1.  前言

icon参数为0，如下代码：

layer.msg('请选择要编辑的机构', {icon: 0});

运行结果如图：   
![这里写图片描述][SouthEast]

--------------------

icon参数为1，如下图   
![这里写图片描述][SouthEast 1]

--------------------

icon参数为2，如下图：   
![这里写图片描述][SouthEast 2]

--------------------

icon参数为3，如下图：   
![这里写图片描述][SouthEast 3]

--------------------

icon参数为4，如下图：   
![这里写图片描述][SouthEast 4]

--------------------

icon参数为5，如下图：   
![这里写图片描述][SouthEast 5]

--------------------

icon参数为6，如下图：   
![这里写图片描述][SouthEast 6]

--------------------

icon参数为7，如下图：   
![这里写图片描述][SouthEast 7]   
2. 确认框示例

//锁定机构
    function lockOrg(){
            var row = orgDataGrid.datagrid('getSelected');
            if(row){
                //弹出确认框
                layer.confirm('您确定要修改[' + row.name + ']的状态吗', {icon: 3, title:'提示'}, function(index){  
                    $.ajax({
                        type:"POST",
                        dataType : "json",
                        async: false,
                        url: '${pageContext.request.contextPath}/system/organization/lockOrg.do',
                        data : {id:row.id},
                        success : function(data){
                            if(data.success){
                                layer.msg(data.message, {icon: 1});
                                $("#orgDataGrid").datagrid('reload');
                            }else{
                                layer.msg(data.message, {icon: 2});
                            }
                        },
                        error:function(){
    
                        }
                    });
                    //关闭确认框
                    layer.close(index);  
                });  
            }else{
                layer.msg('请选择要锁定的机构', {icon: 0});
            }
        }

![这里写图片描述][SouthEast 8]   
3. 更多   
lay更多知识：参考[Lay官网][Lay]

[https_blog.csdn.net_ytangdigl_article_details_72903267]: https://blog.csdn.net/ytangdigl/article/details/72903267
[SouthEast]: /images/20220512/4e72db677a9a483daed139b4825946db.png
[SouthEast 1]: /images/20220512/8eb4b4fddbe947b58d463cabcc0e861d.png
[SouthEast 2]: /images/20220512/d2a20072e8784d838dfb4f7c3080ded6.png
[SouthEast 3]: /images/20220512/a4daf3b7755f4d86b2f249d431cfe1e5.png
[SouthEast 4]: /images/20220512/48bbe886d974467c9bafe54ed5dac374.png
[SouthEast 5]: /images/20220512/4434649966bf4d6bb281478cd0cfca31.png
[SouthEast 6]: /images/20220512/49d2b9ae1aae447d9fc17db3f07fa217.png
[SouthEast 7]: /images/20220512/ab4fe894cf794d34afc76c655e2e6baa.png
[SouthEast 8]: /images/20220512/ecc1a1b92e654f5ba808eee12ade1f26.png
[Lay]: http://layer.layui.com/