1.去阿里图标矢量图标库将想要的图标添加入库

2.再去库中将图标添加到项目。
3.再到我的项目中,选择
,我这里采用的是将图标代码包下载到本地再引入到vue项目中。
4.在vue项目的assets文件夹下新建一个iconfont文件夹(名字随意),将刚刚下载下来的代码包中的iconfont.css、iconfont.eto、iconfont.svg、iconfont.ttf、iconfont.woff复制到iconfont文件夹下。
5.在main.js中全局引入iconfont.css。
6.之后就可以在项目中正常使用了
阿里图标库集成Vue教程
本文详细介绍如何从阿里图标库中挑选图标并将其整合到Vue项目的过程。具体步骤包括:选择图标、下载图标代码包、配置本地文件夹、引入样式等。
2887

被折叠的 条评论
为什么被折叠?



