vue项目如何引入iconfont

下面以vue项目引入阿里巴巴的iconfont图标为例:
一 .去https://www.iconfont.cn/注册登陆找到你喜欢的图标
二. 加入购物车
在这里插入图片描述
三. 下载源码
点击右上角购物车图标,选择下载源码
在这里插入图片描述
四.源码放入项目
在这里插入图片描述
五.全局引入
在main.js里引入css
在这里插入图片描述
六.在需要的地方使用
拿设置图标为例:
在这里插入图片描述
它的icon叫setup
在这里插入图片描述
我想把它加入在导航里
在这里插入图片描述
效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/sinat_15955423/article/details/97770468
今日推荐