vue项目引入阿里巴巴矢量图标库图标及其使用教程

前端 0

添加喜欢的图标

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

方式一：本地方式将图标引入到vue项目

在这里插入图片描述
在这里插入图片描述
在main.js文件中引入阿里巴巴矢量图标库的css文件
在这里插入图片描述
使用图标，注意加上iconfont前缀
在这里插入图片描述
效果
在这里插入图片描述

方式二：使用在线方式引入图标到vue项目

在这里插入图片描述
在这里插入图片描述
使用方式同本地方式

也许您对下面的内容还感兴趣：