About the size of the amount component of elementui

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.
Insert picture description here
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

Guess you like

Origin blog.csdn.net/milijiangjun/article/details/108348297