Skip to content

TabPanel 的 css变量覆盖错误 #3247

Closed
@zxy-c

Description

@zxy-c

NutUI React 包名

@nutui/nutui-react

NutUI React 版本号

3.0.1

平台

weapp

重现链接

https://codesandbox.io/p/devbox/cool-glitter-pgz67h?workspaceId=ws_F7wAjdtSGjHKqghS15KVHz

重现步骤

   <ConfigProvider
      theme={{
        nutuiTabsTabpaneBackgroundColor: "red",
        nutuiTabsTitlesBackgroundColor: "blue",
      }}
    >
      <Tabs
        value={tab1value}
        onChange={(value) => {
          setTab1value(value);
        }}
      >
        <Tabs.TabPane title="Tab longitem"> Tab longitem </Tabs.TabPane>
        <Tabs.TabPane title="Tab 2"> Tab 2 </Tabs.TabPane>
        <Tabs.TabPane title="Tab 3"> Tab 3 </Tabs.TabPane>
      </Tabs>
    </ConfigProvider>

这段代码试图定义TabPane的背景色,但是无效,因为生成的style是--nutui-tabs-tabpane-background-color而不是--nutui-tabs-tabpane-backgroundColor

期望的结果是什么?

根据文档这段代码能正常改变此样式

实际的结果是什么?

样式没有改变

环境信息

No response

其他补充信息

No response

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions