vue项目中如何使用阿里 iconfont图标

vue项目中如何使用阿里 iconfont图标,第1张

先登录阿里 iconfont 图标库:https://www.iconfont.cn/

1、选择需要的图标添加到购物车中
2、在资源管理里面 ——我的项目: 添加新项目

这样的话就会永久保存了。

3. 建好了之后, 低价购物车,把所有图标添加到对应的项目里面。

4. 然后打开我i的项目,点击下载:

 

5. 双击 demo_index.html  本地打开预览:

 我这里采用的是 class 

需要在vue的 main.js  里面全局引入 iconfont.css

import '@/assets/icons/iconfont.css' //阿里图标库css

 

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1321932.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-12
下一篇 2022-06-12

发表评论

登录后才能评论

评论列表(0条)

保存