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
要让搜索框的几个按钮排列在一起,不要有太大的间距,可以尝试以下方法:
- 在按钮之间添加
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>
- 如果按钮之间的间距仍然过大,可以考虑使用
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>
通过以上方法,可以尝试将搜索框的几个按钮排列在一起,去除不必要的间距。根据需要可以调整按钮之间的间距和样式
原文地址: http://www.cveoy.top/t/topic/iv5M 著作权归作者所有。请勿转载和采集!