1、登录阿里巴巴图标库网,选iconfont图标,添加入库

VUE项目中使用阿里图标iconfont

 

2、点击购物车图标,添加到项目,选择项目,点击确定

VUE项目中使用阿里图标iconfont

VUE项目中使用阿里图标iconfont

 

VUE项目中使用阿里图标iconfont

3、此时会跳转至我的项目页面,显示了这个项目中所有选中的图标,点击红色文字,生成代码,再点击复制代码,将生成的代码拷贝至项目中的css文件中

VUE项目中使用阿里图标iconfont

4、查看使用帮助,这里第一步的代码替换上面我的第三步中拷贝的代码,第二步第三步照做即可

VUE项目中使用阿里图标iconfont

VUE项目中使用阿里图标iconfont

 

 

 

 

相关文章: