Ant Design Pro 脚手架二级菜单icon不显示的问题以及样式的调节

skyTree,,

于 2024-12-25 17:44:52 发布

阅读量259

点赞数 3

CC 4.0 BY-SA版权

分类专栏：前端文章标签： javascript 前端 vue.js

本文链接：https://blog.youkuaiyun.com/qq_44906497/article/details/144724735

前端专栏收录该内容

30 篇文章

订阅专栏

export const layout: RunTimeLayoutConfig = ({ initialState, setInitialState }) => {
  return {
    // // 显示二级菜单的图标
    menuItemRender: (menuItemProps, defaultDom) => {
      if (menuItemProps.isUrl || !menuItemProps.path) {
        return defaultDom;
      }
      // 支持二级菜单显示icon
      return (
        <Link to={menuItemProps.path} style={{ display: 'flex' }}>
          {menuItemProps.pro_layout_parentKeys &&
            menuItemProps.pro_layout_parentKeys.length > 0 && (
              <span style={{ marginRight: '8px', display: 'flex', alignItems: 'center' }}>
                {menuItemProps.icon}
              </span>
            )}
          {defaultDom}
        </Link>
      );
    },
    ....
}