elementUI图标下移问题

最新推荐文章于 2023-04-20 16:24:37 发布

06便士

最新推荐文章于 2023-04-20 16:24:37 发布

阅读量526

点赞数 1

文章标签： elementui vue.js

本文链接：https://blog.csdn.net/Giraffe0615/article/details/126101507

版权

本文介绍如何调整表单组件如el-form的大小，使图标下移，并使用clearable属性实现小叉叉位置调整。通过实例演示如何设置el-date-picker的size属性和clearable特性，以提升用户体验。

摘要由CSDN通过智能技术生成

图标下移，或者是表单加了clearable,小叉叉位置靠下，

表单的话在el-form标签加size="small"即可，其他样式在加在对应位置即可

eg:

          <el-date-picker
            size="small"
            v-model="selectData"
            type="datetimerange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期">
          </el-date-picker>

效果：