提交 dc51e6a8 作者: 无木

fix(table-action): fixed icon `margin` without label

修复当没有label时,icon没有在按钮内居中的问题
上级 4b46a84c
......@@ -3,13 +3,23 @@
<template v-for="(action, index) in getActions" :key="`${index}-${action.label}`">
<Tooltip v-if="action.tooltip" v-bind="getTooltip(action.tooltip)">
<PopConfirmButton v-bind="action">
<Icon :icon="action.icon" class="mr-1" v-if="action.icon" />
{{ action.label }}
<Icon
:icon="action.icon"
:class="{ 'mr-1': action.label }"
:style="{ margin: action.label ? '' : 'auto !important' }"
v-if="action.icon"
/>
<template v-if="action.label">{{ action.label }}</template>
</PopConfirmButton>
</Tooltip>
<PopConfirmButton v-else v-bind="action">
<Icon :icon="action.icon" class="mr-1" v-if="action.icon" />
{{ action.label }}
<Icon
:icon="action.icon"
:class="{ 'mr-1': action.label }"
:style="{ margin: action.label ? '' : 'auto !important' }"
v-if="action.icon"
/>
<template v-if="action.label">{{ action.label }}</template>
</PopConfirmButton>
<Divider
type="vertical"
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论