修改el-form表单的el-form-item的label的字体大小以及修改el-row中的el-col的高度

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>