``
labelCol : label 标签布局,同 组件,设置 span offset 值,如 {span: 3, offset: 12} 或 sm: {span: 3, offset: 12}
整个表单一起设置
<a-form
:label-col="{
style: {
width: '100px',
},
}"
:model="formState"
>
<!--也可以写成如下-->
<a-form :model="formState" :label-col="labelCol" :wrapper-col="wrapperCol">
return {
labelCol: {
style: {
width: '150px',
},
},
wrapperCol: {
span: 14,
},
表单项单独设置
<a-form-item
:colon="false"
name="a"
label="条款a"
:label-col="{ span: 6 }"
:wrapper-col="{ span: 12 }"
>
<a-input
type="text"
v-model:value="props.formState.a"
></a-input>
</a-form-item>
响应式
表单项单独设置

整个表单一起设置

文章详细介绍了如何在AntDesign框架中设置表单的labelCol和wrapperCol属性,用于调整表单元素的布局。通过示例展示了如何为整个表单及单独的表单项设定label和输入框的宽度以及偏移量,同时也提到了响应式布局的应用。

被折叠的 条评论
为什么被折叠?



