layui下使用iconfont-阿里巴巴矢量图标库的图标

前端框架： Layui
后端框架： Django

iconfont-阿里巴巴矢量图标库官网

在素材库中浏览，将需要的图标，通过鼠标放在图标上面，选择添加入库（就是那个像购物车一样的东西），一次好像最多只能添加20个。

然后可以通过创建项目把库里的图标加入项目中，接着进入项目选择Font class，并下载到本地：

将下载解压后的文件，添加到项目中：

导入项目的文件夹后，在前端引用iconfont.css，记得改成自己的目录：

<link rel='stylesheet' href='../static/icon/iconfont.css'>

需要用的时候在<i>标签中设置class即可，
例如：

<a href="/"><i class="iconfont icon-yanshou"></i> 我的需求</a>
<a href="/demand_list"><i class="iconfont icon-zhenggai"></i> 需求填报</a>

也可以使用unicode的方式引用：

<a href="/"><i class="iconfont">&#xe666;</i> 我的需求</a>
<a href="/demand_list"><i class="iconfont">&#xe665;</i> 需求填报</a>

用到的class样式以及unicode编码可以打开下载内容中的demo.html进行查看。

效果如下图：