diff --git a/src/packages/form/doc.en-US.md b/src/packages/form/doc.en-US.md index 9371d3c827..0a44b250dd 100644 --- a/src/packages/form/doc.en-US.md +++ b/src/packages/form/doc.en-US.md @@ -153,7 +153,7 @@ The component provides the following CSS Variables, which can be used for custom | \--nutui-form-item-error-line-color | Error message border color | `$color-primary` | | \--nutui-form-item-required-color | font color of required logo | `$color-primary` | | \--nutui-form-item-error-message-color | text color of error message | `$color-primary` | -| \--nutui-form-item-label-font-size | label font size | `14px` | +| \--nutui-form-item-label-font-size | label font size | `12px` | | \--nutui-form-item-label-width | label width | `90px` | | \--nutui-form-item-label-margin-right | label right margin | `10px` | | \--nutui-form-item-label-text-align | label text alignment | `left` | diff --git a/src/packages/form/doc.md b/src/packages/form/doc.md index 213e0f8f04..e3b1a401ab 100644 --- a/src/packages/form/doc.md +++ b/src/packages/form/doc.md @@ -152,7 +152,7 @@ import { Form } from '@nutui/nutui-react' | \--nutui-form-item-error-line-color | 错误信息边框颜色 | `$color-primary` | | \--nutui-form-item-required-color | 必选标识的字体颜色 | `$color-primary` | | \--nutui-form-item-error-message-color | 错误信息的文本颜色 | `$color-primary` | -| \--nutui-form-item-label-font-size | label 字号 | `14px` | +| \--nutui-form-item-label-font-size | label 字号 | `12px` | | \--nutui-form-item-label-width | label 宽度 | `90px` | | \--nutui-form-item-label-margin-right | label 右外边距 | `10px` | | \--nutui-form-item-label-text-align | label 文本对齐方式 | `left` | diff --git a/src/packages/form/doc.taro.md b/src/packages/form/doc.taro.md index 69c7825e6d..9dc745779b 100644 --- a/src/packages/form/doc.taro.md +++ b/src/packages/form/doc.taro.md @@ -152,7 +152,7 @@ import { Form } from '@nutui/nutui-react-taro' | \--nutui-form-item-error-line-color | 错误信息边框颜色 | `$color-primary` | | \--nutui-form-item-required-color | 必选标识的字体颜色 | `$color-primary` | | \--nutui-form-item-error-message-color | 错误信息的文本颜色 | `$color-primary` | -| \--nutui-form-item-label-font-size | label 字号 | `14px` | +| \--nutui-form-item-label-font-size | label 字号 | `12px` | | \--nutui-form-item-label-width | label 宽度 | `90px` | | \--nutui-form-item-label-margin-right | label 右外边距 | `10px` | | \--nutui-form-item-label-text-align | label 文本对齐方式 | `left` | diff --git a/src/packages/form/doc.zh-TW.md b/src/packages/form/doc.zh-TW.md index fbb97df13e..2aa732305a 100644 --- a/src/packages/form/doc.zh-TW.md +++ b/src/packages/form/doc.zh-TW.md @@ -152,7 +152,7 @@ import { Form } from '@nutui/nutui-react' | \--nutui-form-item-error-line-color | 錯誤信息邊框顏色 | `$color-primary` | | \--nutui-form-item-required-color | 必選標識的字體顏色 | `$color-primary` | | \--nutui-form-item-error-message-color | 錯誤信息的文本顏色 | `$color-primary` | -| \--nutui-form-item-label-font-size | label 字號 | `14px` | +| \--nutui-form-item-label-font-size | label 字號 | `12px` | | \--nutui-form-item-label-width | label 寬度 | `90px` | | \--nutui-form-item-label-margin-right | label 右外邊距 | `10px` | | \--nutui-form-item-label-text-align | label 文本對齊方式 | `left` | diff --git a/src/packages/formitem/formitem.scss b/src/packages/formitem/formitem.scss index 25b38e1d2c..939c59f9f5 100644 --- a/src/packages/formitem/formitem.scss +++ b/src/packages/formitem/formitem.scss @@ -30,7 +30,7 @@ .nut-form-item-labeltxt { position: relative; - font-size: 12px; + font-size: $form-item-label-font-size; } &-body { diff --git a/src/styles/variables.scss b/src/styles/variables.scss index f01ae1c887..ba62d0b7f7 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -2133,7 +2133,7 @@ $form-item-error-message-color: var( ) !default; $form-item-label-font-size: var( --nutui-form-item-label-font-size, - $font-size-base + $font-size-s ) !default; $form-item-label-width: var(--nutui-form-item-label-width, 90px) !default; $form-item-label-margin-right: var(