reactjs 未应用Ant-Design的Typography组件的ConfigProvider中的fontSize标记

yv5phkfx  于 2023-03-17  发布在  React
关注(0)|答案(1)|浏览(129)

我只想更改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。为什么会发生这种情况,我该怎么做?

bzzcjhmw

bzzcjhmw1#

目前,大多数组件还不能设置样式。下面是link对这一问题的相关说明

相关问题