关于elementui的金额组件的大小

由于我们做项目中引用的时候,需要用到element ui 这次我们用到了
el-input-number 但是太大了,我们要把它变小,以更加美观
怎么办呢?如图,是我们需要实现的效果
在这里插入图片描述
组件的相关代码:

  <el-input-number
                v-model="SuperbSearch.maxmoney"
                :precision="2"
                @change="handleChange"
                :min="1"
                :max="10"
                label="描述文字"
              ></el-input-number>

我们增加属性

size = "mini"
    <el-input-number
                v-model="SuperbSearch.minmoney"
                :precision="2"
                @change="handleChange"
                size = "mini"
                :min="0"
                :max="10"
                label="描述文字"
              ></el-input-number>

这样就可以了,如上图可以看到样式所需了一半左右

猜你喜欢

转载自blog.csdn.net/milijiangjun/article/details/108348297