Commit dc51e6a8d4e4f2c97b387b37959944c9bb49d779
1 parent
4b46a84c
fix(table-action): fixed icon `margin` without label
修复当没有label时，icon没有在按钮内居中的问题
Showing
1 changed file
with
14 additions
and
4 deletions
src/components/Table/src/components/TableAction.vue
| ... | ... | @@ -3,13 +3,23 @@ |
| 3 | 3 | <template v-for="(action, index) in getActions" :key="`${index}-${action.label}`"> |
| 4 | 4 | <Tooltip v-if="action.tooltip" v-bind="getTooltip(action.tooltip)"> |
| 5 | 5 | <PopConfirmButton v-bind="action"> |
| 6 | - <Icon :icon="action.icon" class="mr-1" v-if="action.icon" /> | |
| 7 | - {{ action.label }} | |
| 6 | + <Icon | |
| 7 | + :icon="action.icon" | |
| 8 | + :class="{ 'mr-1': action.label }" | |
| 9 | + :style="{ margin: action.label ? '' : 'auto !important' }" | |
| 10 | + v-if="action.icon" | |
| 11 | + /> | |
| 12 | + <template v-if="action.label">{{ action.label }}</template> | |
| 8 | 13 | </PopConfirmButton> |
| 9 | 14 | </Tooltip> |
| 10 | 15 | <PopConfirmButton v-else v-bind="action"> |
| 11 | - <Icon :icon="action.icon" class="mr-1" v-if="action.icon" /> | |
| 12 | - {{ action.label }} | |
| 16 | + <Icon | |
| 17 | + :icon="action.icon" | |
| 18 | + :class="{ 'mr-1': action.label }" | |
| 19 | + :style="{ margin: action.label ? '' : 'auto !important' }" | |
| 20 | + v-if="action.icon" | |
| 21 | + /> | |
| 22 | + <template v-if="action.label">{{ action.label }}</template> | |
| 13 | 23 | </PopConfirmButton> |
| 14 | 24 | <Divider |
| 15 | 25 | type="vertical" | ... | ... |