diff --git a/src/components/Table/src/components/TableAction.vue b/src/components/Table/src/components/TableAction.vue index 6264d9c2..dc8e5994 100644 --- a/src/components/Table/src/components/TableAction.vue +++ b/src/components/Table/src/components/TableAction.vue @@ -15,14 +15,14 @@ </template> <Dropdown :trigger="['hover']" :dropMenuList="getDropdownList" popconfirm v-if="dropDownActions && getDropdownList.length > 0"> <slot name="more"></slot> - <a-button type="link" v-if="!$slots.more"> <MoreOutlined class="icon-more" />{{ t('action.more') }} </a-button> + <a-button type="link" v-if="!$slots.more"> {{ t('action.more') }} <DownOutlined class="icon-more" /></a-button> </Dropdown> </div> </template> <script lang="ts" setup> import { useI18n } from '@/hooks/web/useI18n' import { computed, toRaw, unref } from 'vue' -import { MoreOutlined } from '@ant-design/icons-vue' +import { DownOutlined } from '@ant-design/icons-vue' import { Divider, Tooltip, TooltipProps } from 'ant-design-vue' import { Icon } from '@/components/Icon' import { ActionItem, TableActionType } from '@/components/Table' @@ -181,7 +181,7 @@ function onCellClick(e: MouseEvent) { } .icon-more { - transform: rotate(90deg); + margin-left: 0.25rem; svg { font-size: 1.1em;