uni-icons中添加自定义图标

由于项目需要，uni-icons自带的需求图标无法满足业务需要，故需要增加自定义图标，借此记录以便后期快速添加

所需工具

1. http://fontstore.baidu.com/static/editor/index.html# 翻译ttf字体
2. https://www.motobit.com/util/base64-decoder-encoder.asp 把ttf字体编译成base64格式
3. https://www.iconfont.cn/ 阿里字体图标库
4. https://uniapp.dcloud.io/h5/pages/extUI/icons/icons uni-icons图标地址

制作步骤

1. 在设计师手中拿到图标的svg格式，并上传到【阿里字体图标库】
   

2. 在阿里字体图标库中，【下载代码】-下载之后找到【.ttf】字体文件以备用

3. 【如下为—重要步骤】打开uni-icons字体图标网址 https://uniapp.dcloud.io/h5/pages/extUI/icons/icons，下载uni-icons字体步骤如下
   

4. 打开 网址 http://fontstore.baidu.com/static/editor/index.html# 把uni-icons下载的字体上传上去
   

5. 打开完uni-icons图标后，在导入从阿里下载下来的字体图标
   

6. 导入之后的结果为
   

7. 在把合并的字体导出成.ttf字体文件

8. 把导出的ttf字体文件，转换成base64 打开网址：https://www.motobit.com/util/base64-decoder-encoder.asp
   
   

9. 把复制出来的base64内容，出去换行和空格，我使用的工具是 【notepad++】
   

10. 把处理好的base64文件内容复制到，uni-icons.vue 替换对应的地方
    

11. 在icon.js中增加刚刚的字体名字 中文名字可以自己取， 后面的编码必须为当时生成的编码