vue引入阿里巴巴图标库并引用（引入图标显示为方框解决方法）

iconfont-阿里巴巴矢量图标库

目录

1.选择图标  存入购物车  创建项目

2.打开项目  选择Font class  并生成代码打开

3.打开代码并复制

4.打开需要图标的项目，创建css文件贴进去

5.添加前缀http：

6.在App.vue或main.js引入文件并使用

使用方法

注意

1.选择图标  存入购物车  创建项目

2.打开项目  选择Font class  并生成代码打开

3.打开代码并复制

4.打开需要图标的项目，创建css文件贴进去

5.添加前缀http：

6.在App.vue或main.js引入文件并使用

这里在app.vue中引用

使用方法：

iconfont必须加上   下面为对应图标

注意：一定要加前缀iconfont  不然显示为方框

默认没颜色，如果需要改变颜色需要css文件中对应图标下加color属性

效果