fix(tabs): correct tabpane-background-color css variables (#3255)

* fix(image): 修复内联样式不生效

* fix(tabs): css变量修复

* fix(tabs): css变量修复

Author: Miles-hxy

src/packages/tabpane/tabpane.scss

@@ -2,7 +2,7 @@
   width: 100%;
   flex-shrink: 0;
   display: block;
-  background-color: $tabs-tabpane-backgroundColor;
+  background-color: $tabs-tabpane-background-color;
   color: $color-title;
   padding: $tabs-tabpane-padding;
   box-sizing: border-box;

src/packages/tabs/doc.en-US.md

@@ -259,6 +259,6 @@ The component provides the following CSS variables, which can be used to customi
 | \--nutui-tabs-vertical-tab-line-width | Vertical title line width | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | The height of the vertical title line | `12px` |
 | \--nutui-tabs-tabpane-padding | Padding of the Tabpane content | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | BackgroundColor of the Tabpane content | `#fff` |
+| \--nutui-tabs-tabpane-background-color | BackgroundColor of the Tabpane content | `#fff` |
 
 <Contribution name="Tabs" />

src/packages/tabs/doc.md

@@ -259,6 +259,6 @@ import { Tabs } from '@nutui/nutui-react'
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向标题线条的宽度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向标题线条的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的内边距 | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色 | `#fff` |
+| \--nutui-tabs-tabpane-background-color | Tabpane 的背景色 | `#fff` |
 
 <Contribution name="Tabs" />

src/packages/tabs/doc.taro.md

@@ -257,6 +257,6 @@ import { Tabs } from '@nutui/nutui-react-taro'
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向标题线条的宽度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向标题线条的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的内边距 | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色 | `#fff` |
+| \--nutui-tabs-tabpane-background-color | Tabpane 的背景色 | `#fff` |
 
 <Contribution name="Tabs" />

src/packages/tabs/doc.zh-TW.md

@@ -257,6 +257,6 @@ import { Tabs } from '@nutui/nutui-react'
 | \--nutui-tabs-vertical-tab-line-width | 垂直方向標題線條的寬度 | `3px` |
 | \--nutui-tabs-vertical-tab-line-height | 垂直方向標題線條的高度 | `12px` |
 | \--nutui-tabs-tabpane-padding | Tabpane 的內邊距 | `24px 20px` |
-| \--nutui-tabs-tabpane-backgroundColor | Tabpane 的背景色 | `#fff` |
+| \--nutui-tabs-tabpane-background-color | Tabpane 的背景色 | `#fff` |
 
 <Contribution name="Tabs" />

src/styles/variables-jmapp.scss

@@ -1981,8 +1981,8 @@ $tabs-titles-item-smile-bottom: var(
   -10px
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-$tabs-tabpane-backgroundColor: var(
-  --nutui-tabs-tabpane-backgroundColor,
+$tabs-tabpane-background-color: var(
+  --nutui-tabs-tabpane-background-color,
   #fff
 ) !default;
 // indicator（✅）

src/styles/variables-jrkf.scss

@@ -2084,8 +2084,8 @@ $tabs-titles-item-smile-bottom: var(
   -10px
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-$tabs-tabpane-backgroundColor: var(
-  --nutui-tabs-tabpane-backgroundColor,
+$tabs-tabpane-background-color: var(
+  --nutui-tabs-tabpane-background-color,
   #fff
 ) !default;
 // indicator（✅）

src/styles/variables.scss

@@ -1876,8 +1876,8 @@ $tabs-titles-item-smile-bottom: var(
   -10%
 ) !default;
 $tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default;
-$tabs-tabpane-backgroundColor: var(
-  --nutui-tabs-tabpane-backgroundColor,
+$tabs-tabpane-background-color: var(
+  --nutui-tabs-tabpane-background-color,
   #fff
 ) !default;
 // indicator（✅）