微信小程序使用IconFont彩色图标

以下命令皆在miniprogram文件夹中操作

1.安装Iconfont

npm install mini-program-iconfont-cli --save-dev

2、初始化配置文件

npx iconfont-init

3、填入你阿里巴巴矢量图表项目库中的 Symbol 链接

4、生成小程序组件

npx iconfont-wechat

4、使用图标

在 app.json 文件里设置使用图标组件

"usingComponents": {    "iconfont": "/iconfont/iconfont"  }