修改el-form表单的el-form-item的label的字体大小以及修改el-row。。。

修改el-form表单的el-form-item的label的字体⼤⼩以及修改el-row。

1、修改el-form表单的el-form-item的label的字体⼤⼩
⾸先在el-form属性加id
<el-form
ref="form"
:rules="rules"
size="mini"
:model="form"
label-width="135px"
id="selectForm"
>
size="mini"把表单内的插件⼤⼩都设置成mini⼤⼩
#selectForm >>> .el-form-item__label {
font-size: 12px;
}
2、修改el-row中的el-col的⾼度
.el-row >>> .el-col {
margin: 0px;
padding: 0px;
height: 30px;
}
如果不⾏的话在el-row标签⾥⾯加类名
<el-row class="el-row1">
.el-row1 >>> .el-col {
margin: 0px;
padding: 0px;
height: 30px;
}
⾦额范围两个el-input框
<el-col :md="{span:7, offset:0}" :sm="24">
<el-form-item label="⾦额范围" required>
<el-col :md="{span:10, offset:0}" :sm="12">
<el-form-item label-width="0px" prop="jefw1">
<el-input
size="mini"
v-model="form.jefw1"
placeholder="请输⼊⾦额"
validate-event
v-on:input="form.jefw1=form.jefw1.replace(/[^\d^.^-]/g,'')"
></el-input>
</el-form-item>
</el-col>
<el-col :md="{span:1, offset:0}" :sm="1" align="center">-</el-col>
<el-col :md="{span:10, offset:0}" :sm="12">
<el-form-item prop="jefw2" label-width="0px">
<el-input
size="mini"
v-model="form.jefw2"
placeholder="请输⼊⾦额"
validate-event
v-on:input="form.jefw2=form.jefw2.replace(/[^\d^.^-]/g,'')"
></el-input>
</el-form-item>
</el-col>
</el-form-item>
</el-col>。