vue-导入图标iconfont到项目中并使用

阿里巴巴矢量图标库官网:

打开官网-我的素材库

选中要导入的项目-点击下载

vue-导入图标iconfont到项目中并使用_第1张图片

 

 下载好一个包

vue-导入图标iconfont到项目中并使用_第2张图片

解压后得到

vue-导入图标iconfont到项目中并使用_第3张图片 

将这些文件全部复制到vue项目的src/assets/icon目录下

vue-导入图标iconfont到项目中并使用_第4张图片

在main.js中导入

import '@/assets/icon/iconfont.css'

 即可使用

【示例】

在任意一个vue界面的