Durch Hinzufügen des Style-Attributs kann ich nur die Farbe des Körperteils der Card-Komponente ändern. Wie kann ich den Titel ändern?Antd - Gibt es trotzdem eine Änderung der Hintergrundfarbe des Kartentitels?
<Card title='Card title' bordered loading={this.onLoading()}
style={{ backgroundColor: '#aaaaaa' }}>
<Row type='flex' justify='center'>
<h1>Card content</h1>
</Row>
</Card>
Sie haben einige Tippfehler. style:{{backgroundColor:'#aaaaaa'}} sollte style={{ backgroundColor: '#aaaaaa' }} sein und es funktioniert für mich:
den gleichen Code verwenden und es funktioniert:
Ich muss möglicherweise inspizieren Ihre Seite zu wissen, warum es nicht für Sie funktioniert
Endlich habe ich keine Wahl und benutze CSS, um das zu umgehen. Die Struktur der antd-Karte ist wie folgt:
und .ant-card-head hat den Hintergrundstil als #fff.
Wenn ich etw. Wie <Card style={{background:"#aaa"}} mache, wird die .ant-card-Klasse überschrieben. Wenn ich <Card bodyStyle={{background:"#aaa"}} mache, wird es die .ant-card-body-Klasse überschreiben und ich konnte keine direkte Möglichkeit finden, die .ant-card-head-Klasse zu überschreiben, also habe ich am Ende css benutzt, um die .ant-card- Körper Hintergrund zu keiner und es funktioniert.
Danke für schnelle Antwort. Es funktioniert immer noch nicht für mich. Ich habe den Post bearbeitet und ein Beispiel hinzugefügt. –
Exact gleichen Code, es funktioniert für mich .. Können Sie den Stil des Titels überprüfen? – CodinCat
BTW, verwenden Sie 'antd' für die Erstellung des Ergebnisses, d. H. 'Importieren {Card} von' antd'' –