MMIconFont 图标

Props

IMMIconfontProps

属性	类型	默认值	必传	说明
value	number | string		否	图标值
color	string		否	图标颜色
size	number		否	图标大小

代码示例

import { View } from "@tarojs/components";
import { Component } from "react";
import styles from "./index.module.less";
import MMIconFont from "../../components/icon-font/index";
import MMIconFontName from "../..//components/icon-font/const";
import MMNavigation from "../../components/navigation";

export default class IconFontPage extends Component {
  render() {
    const filtersValue = Object.keys(MMIconFontName).filter((value) =>
      /\d+/.test(value)
    );

    return (
      <View>
        <MMNavigation title="图标" />
        <View className={styles.container}>
          {filtersValue.map((value) => (
            <View className={styles.item} key={value}>
              <MMIconFont value={value} />
              <View>{MMIconFontName[value]}</View>
            </View>
          ))}
        </View>
      </View>
    );
  }
}