.dialogs{ .el-dialog__header{ position: relative; padding: 16px; .el-dialog__title{ font-size: 16px; line-height: 16px; color: #383838; } &:after{ content: ""; width: calc(100% - 32px); height: 1px; left: 16px; position: absolute; bottom:0; border-bottom: 1px solid #eee; } } .el-dialog__body{ padding: 16px; .el-form-item{ margin-bottom: 16px; .el-form-item__label{ line-height: 32px; } .el-form-item__content{ .el-input__inner{ height: 32px; line-height: 32px; } } } } .el-dialog__footer{ padding: 16px; position: relative; &:before{ content: ""; display: inline-block; width: calc(100% - 32px); height: 1px; position: absolute; left: 16px; top: 0; background-color: #eee; } } .addGoods{ .el-form-item{ .el-input{ width: 280px; } &.chargeInput{ .el-input{ width: 88px; } .unit{ margin-left: 10px; } } } } }