在项目中,难免出现图标不满足我们需求的情况,我们可以去阿里图标库(iconfont-阿里巴巴矢量图标库)选择我们满意的图标。
最近在做uniapp的项目,记录一下引入iconfont的步骤
1、去官网选择自己喜欢的图标,然后下载到本地
2、解压到自己项目的static中,可以在static文件夹中新建一个iconfont文件夹放进去。
3、在项目的App.vue中引入
4、修改iconfont中的iconfont.css文件
将箭头标注的地方改成自己项目中存放图标的目录即可。
5、使用即可
效果如下: