這篇文章將為大家詳細(xì)講解有關(guān)如何解決layer圖標(biāo)icon不加載的問(wèn)題,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
之前在項(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>
如上代碼就可以。
關(guān)于“如何解決layer圖標(biāo)icon不加載的問(wèn)題”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿(mǎn)足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。
分享名稱(chēng):如何解決layer圖標(biāo)icon不加載的問(wèn)題-創(chuàng)新互聯(lián)
標(biāo)題網(wǎng)址:http://www.chinadenli.net/article18/dijsdp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、域名注冊(cè)、網(wǎng)站策劃、企業(yè)網(wǎng)站制作、手機(jī)網(wǎng)站建設(shè)、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容