- 去阿里官网下载对应图标
通过浏览器打开 http://iconfont.cn/ ,访问阿里巴巴矢量图标库。
- 选择对应的图标放入购物狂图标下
选择完毕后,构建一个项目保存图标 - 编辑项目详细信息
修改前缀为layui-icon-extend,你也可以简单些不冲突就好
- 集成:点击下载到本地按钮后,我们得到了一个ZIP包。从layui官网下载框架最新版本,两者解压后放在同一个目录.
- 在layui目录下的 css/modules 下新建一个名为layui-icon-extend的目录,将字体目录中的以 iconfont开头的文件拷贝进去
- 在页面引用中引用 layui-icon-extend 下的 iconfont.css文件,然后就可以使用「 iconfont layui-icon-extend-xxxx 」的方式引用图标了。