labelStyle 属性用法 uni app u-form

在 Uni-app 中使用 u-form 组件，可以通过 labelStyle 属性自定义表单标签的样式。labelStyle 属性可以应用于 u-form-item 组件中的 label 元素。

以下是一个示例代码：

<template>
  <view>
    <u-form>
      <u-form-item label="用户名" labelStyle="color: red; font-weight: bold;">
        <input type="text" v-model="username" />
      </u-form-item>
      <u-form-item label="密码" labelStyle="color: blue;">
        <input type="password" v-model="password" />
      </u-form-item>
    </u-form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  }
};
</script>

在上面的示例中，两个 u-form-item 组件分别设置了不同的 labelStyle 属性。第一个 u-form-item 的 label 标签将应用 "color: red; font-weight: bold;" 样式，使标签文字为红色、加粗；第二个 u-form-item 的 label 标签将应用 "color: blue;" 样式，使标签文字为蓝色。

你可以根据自己的需求，使用不同的 CSS 样式来定制 labelStyle 属性的值。