溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細講解有關如何解決layer圖標icon不加載的問題，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。
之前在項目中使用layer彈框感覺體驗很好，這次的項目中就引入了，但是引入之后，彈出層如下圖：
代碼：
layer.msg("密碼不正確！", {icon:5,time:1000});
并沒有顯示出圖標！
F12查看才發現如下報錯：
http://127.0.0.1:8020/xxx/js/theme/default/layer.css?v=3.1.1 net::ERR_ABORTED layer.js
于是找到 layer.js，搜索 layer.css ，會搜索到兩處地方，修改第二處，代碼如下：
....n=(a?"modules/layer/":"theme/")+"default/layer.css?v="+r.v+i;return a....
修改為
....n=(a?"modules/layer/":"theme/")+"../../css/layer.css?v="+r.v+i;return a....
也就是讓他的路徑指向你layer.css存放的文件夾下。
但是刷新頁面發現提示說找不到 icon.png 圖片 ! 于是去layer官網下載layer，之后找到該圖片，圖片如下：
把他拷貝到圖片存放的路徑下，之后打開layer.css ，搜索 icon.png ,并把該圖片路徑指向你的圖片存放文件夾，代碼如下：
.layui-layer-ico{background:url(../img/icon.png) no-repeat}在此刷新頁面發現ok了，如圖所示：
當然了，還有一個最簡單的辦法就是，到官網下載layer，把他全部拷貝到項目中，之后在頁面只需要引入：
<script type="text/javascript" src="layer/layer.js" ></script>
如上代碼就可以。
關于“如何解決layer圖標icon不加載的問題”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
