uni-forms-item 标签label怎么变宽

uni-forms-item label="姓名" :label-style="width: '100px'}" ></uni-forms-item><uni-forms-item label="姓名" class="custom-label-width"> </uni-forms-item><uni-forms-item label="姓名" label-width="100px" ></uni

文章共200字 · 阅读需要大约1分钟

一键AI生成摘要，助你高效阅读

问答

狂吃狂减

4715人浏览 · 2023-04-19 11:01:04

狂吃狂减 · 2023-04-19 11:01:04 发布

要改变 uni-forms-item 标签的 label 宽度，可以通过设置 `label-width` 属性值或者使用内联样式或外部样式。

方法一：通过设置 `label-width` 属性值
```
<uni-forms-item label="姓名" label-width="100px" ></uni-forms-item>
 input 元素或其他表单控件 
```

方法二：使用内联样式
```
<uni-forms-item label="姓名" :label-style="width: '100px'}" ></uni-forms-item>
```
input 元素或其他表单控件 -->
方法三：使用外部样式
```
<template>
  <uni-forms-item label="姓名" class="custom-label-width"> </uni-forms-item>
 --input 元素或其他表单控件 --
</template>

>
  .custom-label-width .uni-forms__label {
    width: 100px;
  }
</style>