阿里巴巴矢量图标库 - iconfont 图标使用方法 - vue 项目

步骤一: 搜索

浏览器搜索 iconfont , 进入 iconfont 官网
附图:

 

 

 

步骤二: 查找

1. 搜索你想要的图标
附图 :

 

 
2. 选择(多个)你想要的图标, 点击第一个 添加入库 , 即可在右上角购物车样式的 库 中查看已经添加的图标
附图 :

 

 

 3. 点击右上角购物车样式的 库 之后, 点击 添加至项目
附图 :

 

 4. 新增一个项目(名称随便起), 点击 确定
附图 :

 

 

 5. 选择第二个 fontclass 后, 点击 暂无代码,点此生成
附图 :

 

 

 6. 点击 点此复制代码
附图 :

 

 

 7、在html中引入

 

 

8、在Vue中使用

 

 到此, 阿里巴巴字体图标 已经可以在 vue项目中使用 !

搜索

复制