ant-design / ant-design-pro

👨🏻‍💻👩🏻‍💻 Use Ant Design like a Pro!
https://pro.ant.design
MIT License
36.31k stars 8.14k forks source link

🧐[问题 | question]umi/max 在app.tsx设置菜单侧边背景色colorMenuBackground未生效 #11210

Open Alextale777 opened 4 months ago

Alextale777 commented 4 months ago

🧐 问题描述 | Problem description

我在app.tsx中设置token,想通过colorMenuBackground token来改变侧边栏的背景色, 但并未生效,仍旧是默认的transparent背景色

💻 示例代码 | Sample code

`export const layout: RunTimeLayoutConfig = (initialState) => { return { logo: logo, title: 'test', menu: { locale: false, }, token: { colorMenuBackground: '#fff' }, layout: 'mix', avatarProps: { size: 'small', title: '七妮妮', render: (props, dom) => { return ( <Dropdown menu={{ items: [ { key: 'logout', label: ( <Button type={'text'} onClick={signOut}> 登出 ), }, ], }}

{dom} ); }, }, }; };`

🚑 其他信息 | Other information

版本信息: umi/max 4.0.89
antd 5.4.0 @ant-design/pro-components 2.4.4

OS: win11

Node:18.17.0

浏览器 | browser:

cyc2016 commented 3 months ago

如果在app.tsx文件中设置token,需要放在...initialState?.settings的后面,否则会被/config/defaultSettings.ts中设置的token属性覆盖,要么就在/config/defaultSettings.ts文件中设置

而且菜单侧边背景色设置完整是:

token: {
    sider: {
        colorMenuBackground: '#fff'
    }
}
Alextale777 commented 1 month ago

如果在app.tsx文件中设置token,需要放在...initialState?.settings的后面,否则会被/config/defaultSettings.ts中设置的token属性覆盖,要么就在/config/defaultSettings.ts文件中设置

而且菜单侧边背景色设置完整是:

token: {
    sider: {
        colorMenuBackground: '#fff'
    }
}

抱歉现在才看到 能具体说明下defaultSettings.ts的格式吗。刚刚看了umi4好像不支持defaultSettings,那我怎么在initialState。setting中设置token呢