如何修復TabPanes的寬度？

Question

我使用下面的螞蟻設計組合陣營：

<Tabs type="card"> 
    <TabPane>...</TabPane> 
</Tabs> 

什麼是把自定義的CSS在作出反應TabPane元素的最簡單的方法？ 我想修正它們的寬度，但不能在TabPane上放置自定義className，因爲它一旦到達DOM就會丟失。因爲<Tabs>只接受<TabPane>作爲孩子，甚至不能包裝<TabPane>到<div>。

謝謝。

Answer 1

貌似不支持該選項，但對於TabBar，所以不能確定一個風格對象，如果這是你在尋找什麼......

<Tabs type="card" tabBarStyle={{color: 'red'}> 
    <TabPane>...</TabPane> 
</Tabs> 

Ø覆蓋CSS ......我們不得不重寫許多antd的CSS :(的

Answer 2

OK，我想我得到這個：

import styles from './someCssComponent.css'; 

<Tabs type="card"> 
    <TabPane key={key} tab={<div className={styles.foo}></div>}>Yolo</TabPane> 
</Tabs> 

然後是CSS模塊：

.foo { width: 60px; }