uniapp项目中引入iconfont图标

在项目中,难免出现图标不满足我们需求的情况,我们可以去阿里图标库(iconfont-阿里巴巴矢量图标库)选择我们满意的图标。

最近在做uniapp的项目,记录一下引入iconfont的步骤

1、去官网选择自己喜欢的图标,然后下载到本地

2、解压到自己项目的static中,可以在static文件夹中新建一个iconfont文件夹放进去。

3、在项目的App.vue中引入

 4、修改iconfont中的iconfont.css文件

 将箭头标注的地方改成自己项目中存放图标的目录即可。

 5、使用即可

效果如下:

猜你喜欢

转载自blog.csdn.net/weixin_52020362/article/details/130042799