uni-forms-item label样式

Uni-forms-item 的 label 样式可以通过以下方式来设置：

1. 使用 `label-class` 属性来设置 label 的 class 名称，然后在 CSS 中设置该 class 的样式。

<uni-forms-item label="用户名" label-class="my-label-class">
  <uni-input v-model="username"></uni-input>
</uni-forms-item>

.my-label-class {
  color: red;
  font-size: 16px;
}

2. 直接使用 `style` 属性来设置 label 的样式。

<uni-forms-item label="用户名" style="color: red; font-size: 16px;">
  <uni-input v-model="username"></uni-input>
</uni-forms-item>

注意：以上两种方式都会将样式应用到该 uni-forms-item 中所有的 label。如果你需要针对不同的 uni-forms-item 设置不同的 label 样式，可以使用 `scoped` CSS 或者动态绑定 `label-class` 属性。

相关问题

uni-forms-item修改label字体大小的方法

在uni-forms库中，如果你想要修改`<uni-forms-item>`标签中的`label`元素的字体大小，你可以通过自定义样式或者直接在`<label>`元素上设置CSS属性来实现。以下是一个简单的例子：

1. **全局样式**:
如果你想让所有`label`的字体大小都统一，可以在项目全局的CSS文件中添加如下规则：

   .form-item__label {
     font-size: 14px; /* 可以替换为你需要的任意尺寸 */
   }

2. **组件内样式**:
如果只想针对特定的`uni-forms-item`，你可以在对应的`<uni-forms-item>`上使用`style`属性：

   <uni-forms-item label="字段名称">
     <!-- 其他内容 -->
   </uni-forms-item>
   <style>
     .your-component-id .form-item__label {
       font-size: 16px;
     }
   </style>

确保将`.your-component-id`替换为实际的组件ID。

3. **Inline CSS**:
直接在`<label>`标签内部设置CSS：

   <uni-forms-item label="字段名称" style="font-size: 18px;">
   </uni-forms-item>

记得更新`font-size`值为你需要的大小。如果你有特定的需求，比如响应式设计，可以添加媒体查询来调整不同设备下的字体大小。

uni-forms-item的label的字体大小可以设置吗

是的，可以通过 CSS 来设置 `uni-forms-item` 组件中 `label` 的字体大小。可以在 `label` 标签上添加 `style` 属性或者在样式表中设置对应的选择器。

例如，在 `label` 标签上添加 `style` 属性设置字体大小为 16px：

<uni-forms-item>
  <label style="font-size: 16px">姓名</label>
  <input type="text" placeholder="请输入姓名">
</uni-forms-item>

或者在样式表中设置选择器：

.uni-forms-item label {
  font-size: 16px;
}

注意，上述样式会影响所有 `uni-forms-item` 组件中的 `label` 标签。如果需要对某个特定的 `uni-forms-item` 组件中的 `label` 进行样式设置，可以添加一个特定的类名，并使用该类名作为选择器。

例如：

<uni-forms-item>
  <label class="name-label">姓名</label>
  <input type="text" placeholder="请输入姓名">
</uni-forms-item>

.name-label {
  font-size: 16px;
}