Vue Element使用第三方图标(iconfont阿里矢量图标库)

2023-03-18,,

在  www.iconfont.cn 中搜索图标并加入购物车然后添加至项目,编辑项目名称

然后将项目下载至本地解压后将如下文件复制移到到  src/assets/icon中,

并把iconfont.css中的代码进行如下修改

重新 npm run dev 一下

在页面中的使用,class名称为下载图标时生成的class名称

Vue Element使用第三方图标(iconfont阿里矢量图标库)的相关教程结束。

《Vue Element使用第三方图标(iconfont阿里矢量图标库).doc》

下载本文的Word格式文档,以方便收藏与打印。