效果图
html
<el-input-number v-model="form.checkPay" controls-position="right" placeholder="罚款金额" style="width: 250px" :max="9999999999" :min="0" :controls="false" :precision="2" class="my-el-input-number" />
css
.my-el-input-number {
position: relative;
width: 100% !important;
.el-input {
width: 100% !important;
.el-input__inner {
padding-right: 35px;
}
}
}
.my-el-input-number::after {
color: #666666;
content: '元';
display: inline-block;
height: 20px;
line-height: 20px;
width: 20px;
text-align: center;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
}