解决layer图标icon不加载的问题
之前在项⽬中使⽤layer弹框感觉体验很好，这次的项⽬中就引⼊了，但是引⼊之后，弹出层如下图：
代码：
layer.msg("密码不正确！", {icon:5,time:1000});
icon图标库并没有显⽰出图标！
F12查看才发现如下报错：
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;
修改为
....n=(a?"modules/layer/":"theme/")+"../../css/layer.css?v="+r.v+i;
也就是让他的路径指向你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不加载的问题就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。