自由屋推书网—热门的小说推荐平台!

你的位置: 首页 > 其他程序

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

2022-06-02 13:47:52

vue如何在创建好的项目中引入阿里图标iconfont呢?下面已经为你准备好了操作方法步骤,有需要的可以借鉴一下!

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

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

Vue

编辑推荐

热门小说