如何在小程序中使用Symbol类型的iconfont

如何在小程序中使用Symbol类型的iconfont

引用库 mini-program-iconfont-cli

mini-program-iconfont-cli

把iconfont图标批量转换成多个平台小程序的组件。不依赖字体，支持多色彩。

支持平台：

• 微信小程序
• 支付宝小程序
• 百度小程序
• 头条小程序（字节跳动）
• QQ小程序

特性

• 纯组件
• 不依赖字体文件
• 支持px和rpx两种格式
• 原样渲染多色彩图标
• 图标颜色可定制

操作步骤

Step 1 安装插件

# Yarn
yarn add mini-program-iconfont-cli --dev

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

Step 2 生成配置文件

npx iconfont-init

# 可传入配置输出路径
# npx iconfont-init --output iconfont.json

此时项目根目录会生成一个iconfont.json的文件，内容如下：

{
   
  "symbol_url": "请参考README.md，复制 http://iconfont.cn 官网提供的JS链接",