小程序 - 生成彩色图标(iconfont-tools)

925 阅读1分钟

iconfont-tools

适用于 iconfont 彩色图标的提取

特性

生成原生通用组件 icon 生成夸平台可用的 iconfont-weapp.css 文件 本地生产,也可以远程生成

如何安装

下载字体文件包,解压

npm i -g iconfont-tools
 
cd project/asset/font_hiytajitqeu // 进入图标文件所在文件夹
 
iconfont-tools  // 生成小程序专用文件

小程序 如何使用

  • 1.直接引用样式
<view class="t-icon t-icon-your-iconName"></view>
    1. 使用组件icon
{
  "usingComponents": {
    "icon": "/path/to-icon/icon"
  }
}

page.wxml

<icon name="IconName" size="{{24}}"></icon>

演示

参考