Form.Item增加行距

在antd中，可以通过设置FormItem的`labelCol`和`wrapperCol`来控制FormItem的布局。其中，`labelCol`用于控制FormItem的标签（label）的布局，`wrapperCol`用于控制FormItem的输入部分的布局。

如果需要增加FormItem的行距，可以通过设置`wrapperCol`的`span`属性来实现。例如，将`wrapperCol`的`span`属性设置为24，就可以让FormItem的输入部分占据整个宽度，从而增加行距。示例如下：

import { Form, Input } from 'antd';

<Form>
  <Form.Item label="Username" name="username" labelCol={{ span: 4 }} wrapperCol={{ span: 24 }}>
    <Input />
  </Form.Item>
  <Form.Item label="Password" name="password" labelCol={{ span: 4 }} wrapperCol={{ span: 24 }}>
    <Input.Password />
  </Form.Item>
</Form>

在上面的示例中，我们将两个FormItem的`wrapperCol`的`span`属性都设置为了24，从而让输入部分占据整个宽度，从而增加了行距。

除此之外，还可以通过设置样式来增加FormItem的行距，例如：

<Form.Item label="Username" name="username" style={{ marginBottom: '20px' }}>
  <Input />
</Form.Item>

在上面的示例中，我们通过设置FormItem的style属性来增加了行距，使得FormItem之间的间距变大了。需要注意的是，这种方法只是增加了FormItem的间距，并没有改变FormItem的布局，因此可能会影响整体的布局效果。