ant-design-pro icon indicating copy to clipboard operation
ant-design-pro copied to clipboard

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

Open Alextale777 opened this issue 10 months ago • 2 comments

🧐 问题描述 | 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}> 登出 </Button> ), }, ], }} > {dom} </Dropdown> ); }, }, }; };

🚑 其他信息 | 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:

Alextale777 avatar Apr 12 '24 02:04 Alextale777

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

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

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

cyc2016 avatar May 16 '24 03:05 cyc2016

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

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

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

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

Alextale777 avatar Jul 26 '24 01:07 Alextale777