layui引用外部图标
因为最近的项目中,layui自带的图标已经不能满足需求了,所以各种百度,有了以下成果:
1、选择阿里图标库中自己中意的图标,添加到购物车,从购物车中下载代码
2、下载完成后,解压压缩包,打开iconfont.css文件,把iconfont全部替换成layui-icon,然后把所有代码全部粘贴到layui.css的文件中,放在末尾就好。
注意:同文件夹下的文件,文件名称需要一致。内部应用的路径为iconfont.eot,外部文件名也需要为iconfont
3、准备工作完成,接下来引用一下
引用方式一:
<i class="layui-icon icon-ico " ></i>
引用方式二:
<i> </i>
如此,完美解决了layui自带图标不够用的问题。
资料出处:https://blog.csdn.net/guang_liang_/article/details/79160334