官网地址：iconfont-阿里巴巴矢量图标库

一.本地引入

1.添加完成新图标，需要点击更新代码

2.把图标文件下载到本地

3.把以下四个文件拷贝出来

4.存放在项目根目录下的static/icon

5.需要修改url地址，在iconfont前面添加相对路径 ./

6.App.vue引入

<style lang="scss">

@import '@/static/icon/iconfont.css';

</style>

7.使用

<text class="iconfont icon-integral" style="color: #3498DB"></text>

二.线上引入

1.添加完成新图标，需要点击更新代码

2.把图标文件下载到本地

3.拷贝iconfont.css文件存放在/static/css，并且点击复制代码修改url路径

4.在路径前面需要加上https: 否则在App显示不出来

5.App.vue引入

<style lang="scss">

@import '@/static/css/iconfont.scss';

</style>

6.使用

<text class="iconfont icon-integral" style="color: #3498DB"></text>