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圖示小結”的全部內容。