全文傻瓜式教程，愿给同为小白的家人们带来一点点帮助~
1、先在阿里巴巴矢量图标库中新建一个你自己的项目
省流：阿里巴巴图库地址www.iconfont.cn/
"资源管理"——"我的项目"——新建
2、在刚刚新建的项目下，找到"项目设置"，把字体格式的所有选项都选上。
3、添加好图标后，在项目下点击"下载至本地"，下载后的压缩包解压，找到iconfont.css文件复制到项目下(可以在项目下新建一个static文件夹存放)。
【拓展：】
阿里图标库的icon class可以修改，对应iconfont.css中的代码，如图
4、在App.vue的css引入这个文件,注意这里的style 要带上scss(项目下需要安装scss依赖包：npm i scss),引入路径根据自己的填，这里我的存放路径是：项目/static/icon/iconfont.css
<style lang="scss">
@import url("./static/icon/iconfont.css");//注意路径填写正确
/*每个页面公共css */
</style>
5、回到阿里图标库中，找到【Unicode】选项，生成在线链接，并复制。
6、回到项目，在iconfont.css文件中，将@font-face {}部分的代码全部替换为刚刚复制的在线链接。
7、代码中使用：\
<view class="iconfont icon-jinrujiantou"></view>
8、后续若想添加icon图标的话，先添加到阿里图标库的项目中，改好自己想要的名字,然后生成在线链接复制到iconfont.css中(参考步骤七)。之后在iconfont.css后追加类似以下代码：
content是阿里图库中Unicode中icon图标代码的后四位加上“\”
before前的icon代码是阿里图库中的Font class下的代码
根据自己的图标修改后代码即可正常使用。
.icon-jinrujiantou:before {
content: "\e88e";
}
