fix(form): label无法修改字号 (#3280)

xiaoyatong · web-flow · commit 5b7eb8029db0 · 2025-06-26T14:35:42.000+08:00
* fix(form): label无法修改字号

* fix(form): label无法修改字号
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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(

Original file line number	Diff line number	Diff line change
`@@ -30,7 +30,7 @@`
`30`	`30`
`31`	`31`	`.nut-form-item-labeltxt {`
`32`	`32`	`position: relative;`
`33`		`- font-size: 12px;`
	`33`	`+ font-size: $form-item-label-font-size;`
`34`	`34`	`}`
`35`	`35`
`36`	`36`	`&-body {`