提交 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 is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册