要让搜索框的几个按钮排列在一起,不要有太大的间距,可以尝试以下方法:

  1. 在按钮之间添加 style="margin-right: 10px;" 属性,将按钮之间的右边距设置为10像素(根据需要调整数值)。
<el-button type="success" plain @click="addMarketing()" style="margin-right: 10px;"><i-ep-plus />新增</el-button>
<el-button type="success" plain @click="addMarketing()" style="margin-right: 10px;"><i-ep-plus />批量删除</el-button>
<el-button type="success" plain @click="addMarketing()" style="margin-right: 10px;"><i-ep-plus />导入</el-button>
  1. 如果按钮之间的间距仍然过大,可以考虑使用 flex 布局来排列按钮。将按钮包裹在一个 <div> 元素中,并给该元素添加 display: flex;align-items: center; 样式。
<div class="flex justify-between" style="margin-bottom: var(--el-card-padding);">
  <span class="font-bold">数据列表</span>
  <div style="display: flex; align-items: center;">
    <el-button type="success" plain @click="addMarketing()" style="margin-right: 10px;"><i-ep-plus />新增</el-button>
    <el-button type="success" plain @click="addMarketing()" style="margin-right: 10px;"><i-ep-plus />批量删除</el-button>
    <el-button type="success" plain @click="addMarketing()" style="margin-right: 10px;"><i-ep-plus />导入</el-button>
    <a style="color:blue;text-decoration:underline;font-size:12px;">下载模板</a>
  </div>
</div>

通过以上方法,可以尝试将搜索框的几个按钮排列在一起,去除不必要的间距。根据需要可以调整按钮之间的间距和样式

el-card shadow=never class=min-w-840 div class=flex justify-between style=margin-bottom var--el-card-padding; span class=font-bold 数据列表span el-button type=success plain click=addMar

原文地址: http://www.cveoy.top/t/topic/iv5M 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录