以下记录是个人开发过程中遇到的问题:
表单控件对齐方式:
<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;
}
}
网友评论