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

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

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

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

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

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

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

 6. 点击 点此
附图 :

 7、在html中引入

8、在Vue中使用

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

搜索

复制