解決layer圖標(biāo)icon不加載的問題
之前在項(xiàng)目中使用layer彈框感覺體驗(yàn)很好，這次的項(xiàng)目中就引入了，但是引入之后，彈出層如下圖：
代碼：
layer.msg("密碼不正確！", {icon:5,time:1000});
并沒有顯示出圖標(biāo)！
F12查看才發(fā)現(xiàn)如下報(bào)錯(cuò)：
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 ，會(huì)搜索到兩處地方，修改第二處，代碼如下：
....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了，如圖所示：
當(dāng)然了，還有一個(gè)最簡(jiǎn)單的辦法就是，到官網(wǎng)下載layer，把他全部拷貝到項(xiàng)目中，之后在頁面只需要引入：
<script type="text/javascript" src="layer/layer.js" ></script>
如上代碼就可以。
以上這篇解決layer圖標(biāo)icon不加載的問題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了微信小程序中實(shí)現(xiàn)自定義一個(gè)帶確定取消的彈窗組件的方法，文中的示例代碼講解詳細(xì)，對(duì)我們學(xué)習(xí)小程序開發(fā)有一定幫助，需要的可以參考一下2022-06-06
javascript兩種function的定義介紹及區(qū)別說明
javascript兩種function的定義方式function a(){}和a=function(){}具體使用如下，感興趣的朋友可以參考下，希望對(duì)你對(duì)你學(xué)習(xí)function的定義有所幫助2013-05-05
小程序從手動(dòng)埋點(diǎn)到自動(dòng)埋點(diǎn)的實(shí)現(xiàn)方法
這篇文章主要介紹了小程序從手動(dòng)埋點(diǎn)到自動(dòng)埋點(diǎn)的實(shí)現(xiàn)方法，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2019-01-01
javascript下漢字和Unicode編碼互轉(zhuǎn)代碼
這個(gè)是就是把漢字和Unicode編碼互轉(zhuǎn)的javascript代碼，也是從網(wǎng)上找到了，也許有人用得著?。?/div> 2010-10-10
ElementUI的Dialog彈窗實(shí)現(xiàn)拖拽移動(dòng)功能示例代碼
這篇文章主要介紹了ElementUI的Dialog彈窗實(shí)現(xiàn)拖拽移動(dòng)功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-07-07
JS字符串去除連續(xù)或全部重復(fù)字符的實(shí)例
這篇文章主要介紹了JS字符串去除連續(xù)或全部重復(fù)字符的實(shí)例,需要的朋友可以參考下2018-03-03
這篇文章主要介紹了webpack3.0升級(jí)4.0的方法步驟,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-04-04
Webpack4+Babel7+ES6兼容IE8的實(shí)現(xiàn)
這篇文章主要介紹了Webpack4+Babel7+ES6兼容IE8的實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
在JavaScript中,call、apply、bind、new是Function對(duì)象自帶的三個(gè)方法,也是面試時(shí)?？嫉闹R(shí)點(diǎn)，所以本文就來和大家講講如何手寫實(shí)現(xiàn)這四個(gè)方法吧2023-05-05
這篇文章主要為大家介紹下如果在textarea文本域中顯示HTML代碼，其實(shí)多用于網(wǎng)頁編輯的開發(fā)，大家可以參考下2007-03-03最新評(píng)論