ant-design / pro-components

🏆 Use Ant Design like a Pro!
https://pro-components.antdigital.dev
MIT License
4.3k stars 1.36k forks source link

ProLayout 在top模式下,定制菜单背景色后,二级菜单能否按一级的展示,现在官网的例子里都是全白,文字看不清楚🐛[BUG] #8637

Open yissan opened 2 months ago

yissan commented 2 months ago

🐛 bug 描述

ProLayout 在top模式下,定制菜单背景色后,二级菜单能否按一级的展示,现在官网的例子里都是全白,文字看不清楚。 版本2.6.2是正常的,从2.6.2以后就变成这种看不清的情况 image

📷 复现步骤

官网的例子现在就是这种

🏞 期望结果

二级菜单按一级的颜色样式展示

💻 复现代码

© 版本信息

🚑 其他信息

image

freesaber commented 2 months ago

O(∩_∩)O,我都放弃了,直接用Menu自己写的。

zcrun commented 2 months ago

使用以下方法可以暂时解决,替换掉ConfigProvider组件内部的token配置

headerContentRender={(props, defaultDom: any) => {
  if (!defaultDom) return null;
  // 自定义菜单弹窗背景
  return React.cloneElement(defaultDom, {
    ...merge(defaultDom.props, {
      theme: {
        components: {
          Menu: {
            popupBg: "#1890ff",
          },
        },
      },
    }),
  });
}}