arco design vue a-form 如何统一设置label-width

`arco-design-vue` 中的 `a-form` 组件默认提供了一个灵活的布局选项，可以用来设置表单控件的 label 和 input 的宽度。如果你想要统一设置 `label-width`，你可以通过 `form-item` 的 `labelCol` 属性来控制。

`labelCol` 是一个对象，通常包含两个属性，`span` 表示 label 占据列宽的比例，而 `offset` 则表示从总列宽中预留的空白区域大小。例如，如果你想让每个 label 占据总宽度的 80%，你可以这样做：

<template>
  <a-form :form="yourForm">
    <a-form-item label="字段名" :label-col="{ span: 8 }">
      <!-- 输入框组件 -->
      <a-input v-model="fieldValue" />
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  data() {
    return {
      yourForm: {}, // 形式上需要一个 form 对象
      fieldValue: ''
    };
  },
};
</script>

在这个例子中，`labelCol: { span: 8 }` 就设置了 label 的宽度占 8 格栅格系统单位。如果所有需要统一 labelWidth 的 `a-form-item` 都采用这种方式，那么整个表单的 label 就会保持一致的宽度。