vxe-form 左右布局改为上下布局

要将 vxe-form 的左右布局改为上下布局，你可以使用 vxe-form-item 的 label-position 属性和 label-align 属性来实现。具体步骤如下：

1. 将 vxe-form 的 layout 属性设置为 vertical，表示采用上下布局。

2. 将 vxe-form-item 的 label-position 属性设置为 top，表示标签显示在上方。

3. 将 vxe-form-item 的 label-align 属性设置为 left，表示标签左对齐。

示例代码如下：

<vxe-form :layout="'vertical'">
  <vxe-form-item label="姓名" label-position="top" label-align="left">
    <vxe-input v-model="form.name"></vxe-input>
  </vxe-form-item>
  <vxe-form-item label="年龄" label-position="top" label-align="left">
    <vxe-input v-model="form.age"></vxe-input>
  </vxe-form-item>
  <vxe-form-item label="性别" label-position="top" label-align="left">
    <vxe-radio-group v-model="form.gender">
      <vxe-radio label="男"></vxe-radio>
      <vxe-radio label="女"></vxe-radio>
    </vxe-radio-group>
  </vxe-form-item>
</vxe-form>

注意：这里的示例代码使用了 vxe-form、vxe-form-item、vxe-input 和 vxe-radio-group 等组件，需要在代码中引入相关组件。