Vue 引入阿里巴巴Iconfont图标库

vue2 + Element ui 

1、项目设置

Vue 引入阿里巴巴Iconfont图标库_第1张图片 2、文件下载到本地

Vue 引入阿里巴巴Iconfont图标库_第2张图片

 压缩包里有些文件是没有用的,比如demo的文件可以直接删除。

3、src文件夹下,新建iconfont文件

Vue 引入阿里巴巴Iconfont图标库_第3张图片

 4、main.js文件,引入iconfont.css

Vue 引入阿里巴巴Iconfont图标库_第4张图片

 5、iconfont.css,引入对应的图标

Vue 引入阿里巴巴Iconfont图标库_第5张图片

 Vue 引入阿里巴巴Iconfont图标库_第6张图片

 

 

你可能感兴趣的:(vue.js,javascript,前端)