解决小程序插入阿里巴巴矢量图时是单一色调的情况（微信、支付宝通用）

1、从阿里巴巴矢量图库官网中，在我的项目里面下载所需要的图标。

我用的是其中一种

1.1、点击 暂无代码，点此生成 就会生成链接

 1.2、点击链接可直接打开，将里面的内容全部复制，可以新建一个icon文件夹—再建一个css文件 微信（wxss）支付宝（acss），将复制的内容粘贴进去，然后再微信（app.wxss）支付宝（app.acss）中引入。（此时在页面中使用是可以的，但发现是单色的，不是官网中的彩色，下面的步骤会再重复一次此操作，可以先做下面一步再来进行此操作）

2、需要使用一个第三方库，安装一下

iconfont-toolshttps://www.npmjs.com/package/iconfont-tools

 2.1、在项目的根目录下进入命令行工具，也就是每次启项目的命令行中。

npm i -g iconfont-tools

2.2、进入创建好的icon文件夹中打开命令行工具，也可以cd 文件夹名进入，然后执行

iconfont-tools

2.3、然后一直回车就行

 2.4、此时会再icon文件夹中生成 iconfont-weapp文件夹，打开里面有一个iconfont-weapp-icon.wxss的css文件，支付宝可以更改后缀为acss,然后再微信（app.wxss）支付宝（app.acss）中引入即可。

 注意路径是否写错，开发者工具内按住ctrl健点击路径即可跳转，判断路径是否正确。

2.5、生成的css，开始只有一个background其他样式自行添加

3、使用方式在html中写入。class中“t-icon空格+对应类名”

 <text class="t-icon t-icon-xitongpeizhi"></text></view>