2021-06-29 菜单图标选择功能实现(antd pro)

祥子つ _つ

已于 2022-05-11 09:25:29 修改

阅读量2.1k

点赞数 1

分类专栏： antd pro 文章标签： javascript reactjs

于 2021-06-29 11:17:54 首次发布

本文链接：https://blog.csdn.net/weixin_54122176/article/details/118328546

版权

创建图标文件

iconData.js文件部分代码

import * as Icons from '@ant-design/icons';
import {
    createFromIconfontCN } from '@ant-design/icons';

//使用试例: <Icon type="icon-system" style={
   { fontSize: '16px', color: '#08c' }} />
const Icon = createFromIconfontCN({
   
    scriptUrl: [],
});

/**网站通用图标关键字 */
const webIcons = [
  'group',
  'bug',
  'console-sql',
  'control',
  'ci',
  'control',
  'compass',
  ...
];

/**网站通用图标 */
const webIconData = {
   
  group: <Icons.GroupOutlined />,
  compass: <Icons.CompassOutlined />,
  bug: <Icons.BugOutlined />,
  'console-sql': <Icons.ConsoleSqlOutlined />,
  control: <Icons.ControlOutlined />,
  ci: <Icons.CiOutlined /<