<div class="el-form-item">
<label class="el-form-item__label">机器码</label>
<div class="el-form-item__content">
<div class="el-input">
<input class="el-input__inner" v-model="state.machineCode" />
</div>
</div>
</div>
.el-form-item {
margin-bottom: 22px;
}
.el-form-item__label {
text-align: right;
font-size: 14px;
color: #606266;
line-height: 40px;
padding: 0 12px 0 0;
box-sizing: border-box;
width: 80px;
}
.el-form-item__content {
line-height: 40px;
font-size: 14px;
}
//input的样式设置
.el-input__inner {
resize: vertical;//仅支持上下扩展拖动
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
box-sizing: border-box;
color: #606266;
font-size: inherit;
height: 40px;
line-height: 40px;
outline: 0;
padding: 0 15px;
}
input和label的布局和设置
最新推荐文章于 2023-08-16 16:56:55 发布