解決layer圖標icon不加載的問題
更新時間：2019年09月04日 08:59:42 作者：JEE-逆水百川
今天小編就為大家分享一篇解決layer圖標icon不加載的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
之前在項目中使用layer彈框感覺體驗很好，這次的項目中就引入了，但是引入之后，彈出層如下圖：
代碼：
layer.msg("密碼不正確！", {icon:5,time:1000});
并沒有顯示出圖標！
F12查看才發(fā)現(xiàn)如下報錯：
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存放的文件夾下。
但是刷新頁面發(fā)現(xiàn)提示說找不到 icon.png 圖片 ! 于是去layer官網(wǎng)下載layer，之后找到該圖片，圖片如下：
把他拷貝到圖片存放的路徑下，之后打開layer.css ，搜索 icon.png ,并把該圖片路徑指向你的圖片存放文件夾，代碼如下：
.layui-layer-ico{background:url(../img/icon.png) no-repeat}
在此刷新頁面發(fā)現(xiàn)ok了，如圖所示：
當然了，還有一個最簡單的辦法就是，到官網(wǎng)下載layer，把他全部拷貝到項目中，之后在頁面只需要引入：
<script type="text/javascript" src="layer/layer.js" ></script>
如上代碼就可以。
以上這篇解決layer圖標icon不加載的問題就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
您可能感興趣的文章:
相關(guān)文章
javascript定時保存表單數(shù)據(jù)的代碼
我相信有不少TX用過QQ或163的郵箱吧？他們中有一個比較有用且有趣的功能，如果您在編寫郵件，那在固定一個時間頻率內(nèi)，它會自動將您的郵件內(nèi)容保存起來，以免丟失。2011-03-03
本篇文章主要介紹了原生js實現(xiàn)輪播圖的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-02-02
這篇文章主要為大家詳細介紹了H5 js點擊按鈕復(fù)制文本到粘貼板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要介紹了深入淺出理解JavaScript閉包的功能與用法,結(jié)合實例形式從變量、函數(shù)的內(nèi)部屬性與作用域鏈分析了javascript閉包的相關(guān)概念、功能與使用技巧,需要的朋友可以參考下2018-08-08
平常，我們經(jīng)常使用Gif格式的圖片以保持圖片在瀏覽器中透明，以支持底色。但由于IE瀏覽器本身的原因，我們無法使透明的PNG圖片透明起來。那么，如何將它在IE瀏覽器下變得透明呢？2008-09-09
這篇文章主要介紹了JS數(shù)組方法push()、pop()用法,結(jié)合實例形式分析了JavaScript數(shù)組push()與pop()方法基本功能、原理、使用方法與操作注意事項,需要的朋友可以參考下2020-01-01
這篇文章主要為大家詳細介紹了JS實現(xiàn)時間選擇器，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
webpack-cli在webpack打包中的作用小結(jié)
webpack?是打包代碼時依賴的核心內(nèi)容，而?webpack-cli?是一個用來在命令行中運行?webpack?的工具，那么webpack-cli在webpack打包中的作用是什么，本文就詳細的介紹一下，感興趣的可以了解一下2022-04-04
詳解PHP中pathinfo()函數(shù)導致的安全問題
這篇文章主要給大家介紹了PHP中pathinfo()函數(shù)導致的安全問題,文中給出了詳細的介紹與示例代碼，相信對大家的理解和學習具有一定的參考借鑒價值，需要的朋友可以參考下，下面來一起看看吧。2017-01-01
javascript基礎(chǔ)練習之翻轉(zhuǎn)字符串與回文
最近在學習的時候到了基礎(chǔ)算法這一章節(jié)，讓我對js內(nèi)置對象方法的掌握還有思維邏輯都得到了提升，所借此機會來寫一寫學習心得和總結(jié)。下面這篇文章主要介紹了利用javascript實現(xiàn)翻轉(zhuǎn)字符串與回文的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02