reactjs - Antd - 有没有办法改变卡片标题的背景颜色？

Question

通过添加 style 属性，我只能更改 Card 组件主体部分的颜色。我怎样才能更改标题部分？

<Card title='Card title' bordered loading={this.onLoading()}
    style={{ backgroundColor: '#aaaaaa' }}>
    <Row type='flex' justify='center'>
    <h1>Card content</h1>
    </Row>
</Card>

Answer 1

以下内容对我有用。我必须删除整个卡片的背景颜色，并为头部和正文内容设置不同的背景颜色:

<Card
title="Track title"
style={{backgroundColor: 'rgba(255, 255, 255, 0.0)', border: 0 }}
headStyle={{backgroundColor: 'rgba(255, 255, 255, 0.4)', border: 0 }}
bodyStyle={{backgroundColor: 'rgba(255, 0, 0, 0.4)', border: 0 }}
>
    <Card.Meta
    description="Track author"
    />
</Card>

结果:

希望对你有帮助!