欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

layui图标拓展-如何添加第三方矢量库

程序员文章站 2024-03-25 09:57:28
...

在前端开发过程中我们经常会遇到框架提供的图标不够用的情况,那就需要我们自己进行拓展了

 

配置流程:

1.下载矢量图标

layui图标拓展-如何添加第三方矢量库

layui图标拓展-如何添加第三方矢量库layui图标拓展-如何添加第三方矢量库layui图标拓展-如何添加第三方矢量库

我们需要复制这二块 然后修改部分代码

2.导入图标文件

最好下载拿到稳定的

导入--->带iconfont的文件

layui图标拓展-如何添加第三方矢量库 

3.修改css

content: "\e636";

4.使用  

引用iconfont.css--->组合值:iconfont iconfont-xx

layui图标拓展-如何添加第三方矢量库

兼容IE8+