我是靠谱客的博主 踏实绿草,这篇文章主要介绍在项目中引入阿里矢量图标,现在分享给大家,希望可以做个参考。

1、在阿里矢量图标库将想要的图标加入购物车,然后在购物车中将图标添加到项目;

2、到我的项目中,将图标下载到本地

3.在vue项目的assets文件夹下新建一个iconfont文件夹(名字自定义),将刚刚下载下来的代码包中的
iconfont.css、
iconfont.eto、
iconfont.svg、
iconfont.ttf、
iconfont.woff
复制到iconfont文件夹下。
4.在main.js中全局引入iconfont.css。
import ‘./assets/iconfont/iconfont.css’
5.之后就可以在项目中正常使用了

最后

以上就是踏实绿草最近收集整理的关于在项目中引入阿里矢量图标的全部内容,更多相关在项目中引入阿里矢量图标内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(56)

评论列表共有 0 条评论

立即
投稿
返回
顶部