美文网首页
element 表单控件对齐方式-解决deep穿透无效

element 表单控件对齐方式-解决deep穿透无效

作者: Angel_6c4e | 来源:发表于2021-04-19 09:59 被阅读0次

    以下记录是个人开发过程中遇到的问题:

    表单控件对齐方式:

    <el-form-item label="晋升" :required="true" class="items-title">
              <div>V{{ xxx }}晋升V{{ xxx + 1 }}</div>
    </el-form-item>
    
    <el-form-item label="消费" prop="tiptopAmount" class="items">
              <el-input v-model="xxx" onkeyup="value=value.replace(/[^\d]/g,'')"></el-input>
    </el-form-item>
    
    效果
    /deep/.items-title{
      margin:10px 0!important;
    }
    .items-title >>> .el-form-item__label{
      width:75px !important;
    }
    .items-title >>> .el-form-item__content{
      margin-left: 30px !important;
    }
    .items >>> .el-form-item__label{
      width:75px !important;
    }
    .items >>> .el-form-item__content{
      margin-left: 30px !important;
    }
    .items >>> .el-form-item__content{
      .el-input {
        width: 95% !important;
      }
    }
    

    相关文章

      网友评论

          本文标题:element 表单控件对齐方式-解决deep穿透无效

          本文链接:https://www.haomeiwen.com/subject/vrkllltx.html