ant-design-pro
ant-design-pro copied to clipboard
🧐[问题 | question]umi/max 在app.tsx设置菜单侧边背景色colorMenuBackground未生效
🧐 问题描述 | 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:
如果在app.tsx
文件中设置token
,需要放在...initialState?.settings
的后面,否则会被/config/defaultSettings.ts
中设置的token
属性覆盖,要么就在/config/defaultSettings.ts
文件中设置
而且菜单侧边背景色设置完整是:
token: {
sider: {
colorMenuBackground: '#fff'
}
}
如果在
app.tsx
文件中设置token
,需要放在...initialState?.settings
的后面,否则会被/config/defaultSettings.ts
中设置的token
属性覆盖,要么就在/config/defaultSettings.ts
文件中设置而且菜单侧边背景色设置完整是:
token: { sider: { colorMenuBackground: '#fff' } }
抱歉现在才看到 能具体说明下defaultSettings.ts的格式吗。刚刚看了umi4好像不支持defaultSettings,那我怎么在initialState。setting中设置token呢