打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
成功设置element ui表单高度

<el-form
      ref="formWoman"
      :model="formWoman"
      :rules="rules2"
      label-width="100px"
      class="spHeight"
      inline="true"
    >
      <div>
        <span>女方信息</span>
        <el-divider></el-divider>
      </div>
      <el-row>
        <el-col span="16">
          <el-form-item label="姓名" prop="WomanName">
            <el-input v-model="formWoman.WomanName" style="width:200px;" />
          </el-form-item>
          <el-form-item label="性别" prop="WomanSex">
            <el-radio-group v-model="formWoman.WomanSex">
              <el-radio label="男">男</el-radio>
              <el-radio label="女">女</el-radio>
            </el-radio-group>
          </el-form-item>
        </el-col>
</el-row>
</el-form>
<style scoped>
.line {
  text-align: center;
}
.spHeight >>> label {
  line-height: 20px;
}
.spHeight >>> input {
  height: 30px;
}
.el-col
{
  height:40px;
}

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
vue动态创建form表单,如何添加rules验证?
Vue.js 使用 ElementUI
用CSS实现网页登录页面
循序渐进VUE+Element 前端应用开发(25)--- 各种界面组件的使用(1)
全局 CSS 样式 · Bootstrap 中文文档
register .jsp
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服