我只想更改Typography组件的fontSize标记,但由于某种原因,它不适用。如果我全局更改该标记,它会更改-但该标记会影响所有其他组件,我不希望这样
下面是代码:
function App() {
return (
<ConfigProvider
theme={{
token: {
lineHeight: 1.2,
},
components: {
Typography: {
fontSize: 20,
fontSizeHeading1: 32,
fontSizeHeading2: 24,
fontSizeHeading3: 20,
fontSizeHeading4: 16,
fontSizeHeading5: 14,
lineHeightHeading1: 1.2,
lineHeightHeading2: 1.2,
lineHeightHeading3: 1.2,
lineHeightHeading4: 1.2,
lineHeightHeading5: 1.2,
},
Select: {
controlHeight: 40,
controlHeightLG: 42,
borderRadius: 16,
lineWidth: 0,
},
},
}}
>
<RouterProvider router={router} />
</ConfigProvider>
绘制的字体不是20 px,而是默认的14 px。为什么会发生这种情况,我该怎么做?
1条答案
按热度按时间bzzcjhmw1#
目前,大多数组件还不能设置样式。下面是link对这一问题的相关说明