layui彈出層：使用icon圖標小結

layui彈出層：使用icon圖標小結

Layui 踩坑篇

layui的彈框插件layer中，有很多不同場景需要的彈框icon圖標，今天小結一下，方便以后使用；

 

 

 

官方文檔地址：https://layer.layui.com/（可能已停） 或 https://www.layui.site

表格示下：

 

 

 

 icon截圖 · 說明 建議場景 icon: 調用代碼 調用代碼示例

1 默認：無圖標 任意 默認：無需設置 默認：無需設置
2 警示提醒類 0 icon: 0
3 成功提示類 1 icon: 1
4 錯誤返回類 2 icon: 2
5 交互問答類 3 icon: 3
6 禁止修改類 4 icon: 4
7 校驗 不通過類 5 icon: 5
8 校驗 通過類 6 icon: 6
9 加載層 layer.load(0, {shade: false}); //0代表加載的風格，支持0-2
10 loading層 layer.load(1, { shade: [0.1,'#fff'] //0.1透明度的白色背景 });
11 其他待定 暫略 暫略

調用代碼：

layer.alert('驗證碼錯誤', {
    icon: 0,
})

或
                    let msg = '返回的內容'    
                    //錯誤信息提示
                    layer.alert(msg, {
                        skin: 'layui-layer-molv' //樣式類名  自定義樣式
                        ,title:'信息反饋'
                        ,closeBtn: 1    // 是否顯示關閉按鈕
                        ,anim: 1 //動畫類型
                        ,btn: ['確定'] //按鈕
                        ,icon: 2    // icon
                        ,yes:function(){
                            // window.location.reload();
                            layer.closeAll();
                        }
                        ,end : function() {//右上方關閉按鈕時候的回調
                        }
                    });                     

 

效果圖大概如下

：

 加

 skin: 'layui-layer-molv'后的

 

 

 

 

以上就是關於“layui彈出層：icon圖標小結”的全部內容。