search

ant-design / pro-components

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

ProLayout的Sider Token没有字体大小设置，使用全局的ConfigProvidert又不生效, 难道没人觉得左侧菜单栏的字体14px太小了吗 #8455

Open Lukunlin opened 3 months ago

Lukunlin commented 3 months ago

🧐 ProLayout的Sider Token没有字体大小设置， 使用全局的ConfigProvidert又不生效

💻 示例代码

// app.tsx. 无法生效
ConfigProvider.config({
    theme: {
        token: {
            fontSize: 20,
            fontSizeSM: 24,
            fontSizeLG: 24,
            fontSizeXL: 26
        },
        components: {
            Menu: {
                fontSize: 22,
                groupTitleFontSize: 20,
                groupTitleColor: "blue",
                fontSizeSM: 24,
                fontSizeLG: 24,
                fontSizeXL: 26,
                groupTitleFontSize: 22
            },
        }
    }
})

🚑 其他信息

当前antd pro 的版本为: [antd@5.17.3]

贴图

image image image

致谢

首先致谢Antd社区工作组的贡献者们， 再次感谢本次能为我提供帮助的先生们[致敬]

Lukunlin commented 3 months ago

补上一张无法生效的效果图， 和手动使用ConfigProvider组件包裹的menu效果图，来看生效的和在proLayout中不生效的：

image

image

Lukunlin commented 3 months ago

再次补充，有小伙伴不惑，问我为什么不放到 proLayout的配置中的RunTimeLayoutConfig内， 其实也放过，

放token和多样化配置也还是实测不生效。下面贴代码, 代码是为了测试乱写的，因为我看了RunTimeLayoutConfig的类型，其实没有这些申明。

image

Lukunlin commented 3 months ago

目前试了，除了自定义 menuRender 渲染整个menu方法外， 不知道有大佬能给出其他方案吗

guopengfei116 commented 1 month ago

同问，我使用umi-max，antd5，在layout里面配置token也无法生效...

github-fw commented 1 month ago

同问，我使用umi-max，antd5，在layout里面配置token也无法生效...

+1

kelisiWu123 commented 3 weeks ago

我在umimax中的config.ts中 配置 image 生效了，antd5.2.0，umi-max4.0.36，别的不好说，字体大小肯定变了 image