700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue项目中如何使用阿里 iconfont图标

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

时间:2020-05-07 22:29:49

相关推荐

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

先登录阿里 iconfont 图标库:/

1、选择需要的图标添加到购物车中

2、在资源管理里面 ——我的项目: 添加新项目

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

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

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

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

我这里采用的是 class

<i class="iconfont icon-yonghuming"></i>

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

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。