umi-plugin-cool-iconfont
TypeScript icon, indicating that this package has built-in type declarations

2.2.2 • Public • Published

umi 的插 iconfont 件

主要特性:

  • 只需要指定 iconfont 的版本号,即可相应的 Iconfont 组件。
  • 支持 typescript。可以自动生成 d.ts 文件
  • 支持 treeshake。每个 icon 对应一个组件。编译时,开启 treeShake 即可按需加载。
  • 支持彩色图标。并且支持通过色相旋转的方式统一调整或调整指定彩色图标的主题

umi 配置

  {
    iconfont:{
      version:string,//'font_1467881_qkpjlmtv2x',
      defaultHueRotate?:number//默认彩色图标的色相旋转角度,可以通过这个整体调整彩色图标的主题色
    }
  }

iconfont 使用

import { IconExpand, IconFind, IconShapePath, IconShapeRect } from 'umi';

export default () => {
  return (
    <div>
      <h1 className={styles.title}>
        Page index
        <IconExpand/>
        <IconFind></IconFind>
        <IconShapePath/>
        <IconShapeRect/>
        <IconShapeRect hueRotate="100"/>
      </h1>
    </div>
  );

Readme

Keywords

none

Package Sidebar

Install

npm i umi-plugin-cool-iconfont

Weekly Downloads

6

Version

2.2.2

License

ISC

Unpacked Size

66.7 kB

Total Files

25

Last publish

Collaborators

  • r_java
  • tinder1024