将 阿里图标引入 vue 项目的步骤
- 进入 阿里图标库官网站
- 选择想要的图标加入购物车(如果不想以unicode方式使用图标，那直接下载png等格式即可)
- 然后进入购物车点击下载代码
- 解压后，选择这下图五个文件复制，其它的是demo文件，告诉我们如何使用。
- 我在项目的assets目录下新建了个fonts目录来放这五个文件
6.打开iconfont.css，为方便，可以修改默认的图标变量名及图标大小 例如:font-size改为24px
7.然后在main.js中导入此css文件
8.然后我在我的index.vue文件中使用这四个图标
9.最后界面显示出来的效果如下图