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