arco design vue 如何定义form表单的a-form-item的label宽度
时间: 2023-11-28 11:48:53 浏览: 271
vue-form-generator:简单的VueJS 2表单生成器
在 Arco Design Vue 中,可以通过设置 `label-width` 属性来定义 `a-form-item` 的 label 宽度。该属性接受一个字符串类型的值,可以是像素值或百分比值。例如:
```html
<a-form-item label="用户名" label-width="80px">
<a-input placeholder="请输入用户名"></a-input>
</a-form-item>
```
上述代码将会定义一个 label 宽度为 80 像素的表单项。你也可以将其设置为百分比值,如:
```html
<a-form-item label="用户名" label-width="30%">
<a-input placeholder="请输入用户名"></a-input>
</a-form-item>
```
这将会把 label 宽度设置为表单项宽度的 30%。
阅读全文