您可以将这两个 <a-form-item> 放在同一个 <a-row> 组件中,并使用 <a-col> 组件设置它们的布局。以下是一个示例代码:

<a-row>
  <a-col :span="12">
    <a-form-item style="margin: 0 auto" name="harmAgeYear">
      <span>实际接害工龄:</span>
      <a-input
        v-model:value="planModel.harmAgeYear"
        style="width: 120px; border-style: hidden; border-bottom: 1px solid #050505"
        suffix="年"
      />
    </a-form-item>
  </a-col>
  <a-col :span="12">
    <a-form-item style="margin: 0 10px;" name="harmAgeMonth">
      <a-input
        v-model:value="planModel.harmAgeMonth"
        style="width: 120px; border-style: hidden; border-bottom: 1px solid #050505"
        suffix="月"
      />
    </a-form-item>
  </a-col>
</a-row>

这样,两个 <a-form-item> 就会在同一行显示。您可以根据需要调整 <a-col>span 属性来控制它们所占的宽度比例

a-form-item style=margin 0 auto name=harmAgeYear span实际接害工龄:span a-input v-modelvalue=planModelharmAgeYear style=width 120px; border-style hidde

原文地址: https://www.cveoy.top/t/topic/ihpS 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录