问题描述
假设我有 Header.js
...
const MainHeader = () => {
return (
<Header>
<Menu theme="dark" mode="horizontal">
<Menu.Item key="1">nav 1</Menu.Item>
<Menu.Item key="2">nav 2</Menu.Item>
<Menu.Item key="3">nav 3</Menu.Item>
</Menu>
</Header>
);
};
...
...
const MainHeader = () => {
return (
<Header style={{background:"black"}}>
<Menu style={{background:"black"}} theme="dark" mode="horizontal">
<Menu.Item key="1">nav 1</Menu.Item>
<Menu.Item key="2">nav 2</Menu.Item>
<Menu.Item key="3">nav 3</Menu.Item>
</Menu>
</Header>
);
};
...
但我想要做的是使用 var.less 中的变量(而不是黑色),但我找不到如何去做的方法。
当然,我可以使用 Header.module.less 创建新类并在 Menu 或 Header 中使用它,但我需要添加 !important
否则将使用蚂蚁默认值。或者,如果您知道如何编辑蚂蚁设计的更好方法,请告诉我:)
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)