自适应文章网站模板,网站推广免费 优帮云,电子商务网站开发基本流程图,广东省住建局官网本来是两排展示去写#xff0c;设计要求一排展示#xff0c;label再上方#xff0c;输入框、勾选框在下方#xff1b;只能调整样式去修改#xff1b;参考label-position这个属性 代码如下#xff1a;
el-form refform :modelformData clas…本来是两排展示去写设计要求一排展示label再上方输入框、勾选框在下方只能调整样式去修改参考label-position这个属性 代码如下
el-form refform :modelformData classcncform :rulesrules label-width120px label-positiontopel-rowel-col :span3 classcol-paddingel-form-item label故障模式 propfaultMode classcustom-form-itemel-select v-modelformData.faultMode placeholder请选择故障模式 stylewidth: 100% changevehicleModelCodeChangeel-option v-foritem in importantLevelOption :keyitem.carModelCode :labelitem.carModelCode :valueitem.carModelCode //el-select/el-form-item/el-col.../el-row
/el-form
/* 自定义 el-form-item 样式 */
.custom-form-item {display: flex;flex-direction: column;
}.custom-form-item .el-form-item__label {margin-bottom: 10px; /* 调整 label 和 content 之间的间距 */
}.custom-form-item .el-form-item__content {margin-top: 5px; /* 调整 content 和下一个表单项之间的间距 */
} 这样就调整为上下结构了
