Since we need to use element ui when we make references in the project, we used
el-input-number this time, but it is too big. We have to make it smaller to make it more beautiful.
What should we do? As shown in the figure, it is the effect we need to achieve.
The relevant code of the component:
<el-input-number
v-model="SuperbSearch.maxmoney"
:precision="2"
@change="handleChange"
:min="1"
:max="10"
label="描述文字"
></el-input-number>
We add attributes
size = "mini"
<el-input-number
v-model="SuperbSearch.minmoney"
:precision="2"
@change="handleChange"
size = "mini"
:min="0"
:max="10"
label="描述文字"
></el-input-number>
That's it. As shown in the picture above, you can see that the style needs about half