如何自定义Ant.design样式

谁知道如何以正确的方式自定义Ant.design样式?

例如,我要更改默认的backgroundColor和Header部分的高度:

import React, { Component } from 'react';

import { Form, Layout } from 'antd';

const { Header, Footer, Sider, Content } = Layout;

export default class Login extends Component {

render () {

return (

<div>

<Layout>

<Header style={{backgroundColor: '#555555', height: '5vh'}}>header</Header>

<Layout>

<Content>main content</Content>

</Layout>

<Footer>footer</Footer>

</Layout>

</div>

)

}

}

可以,还是有更好的自定义样式的方法?因为我还没有找到某些组件的属性或smth。像这样。

回答:

Antd已将大多数样式变量替换为LESS变量

如您所见

https://github.com/ant-design/ant-

design/blob/master/components/style/themes/default.less

为了能够覆盖这些变量,您需要使用modifyVarLESS中的函数

您可以在此处找到有关主题的更多信息

因此,对于您的特定问题,@layout-header-background该工作

以上是 如何自定义Ant.design样式 的全部内容, 来源链接: utcz.com/qa/430300.html

回到顶部