Browse Source

feat: style

main
xingyu 2 years ago
parent
commit
08666c841f
  1. 6
      src/components/Table/src/components/TableAction.vue

6
src/components/Table/src/components/TableAction.vue

@ -15,14 +15,14 @@
</template> </template>
<Dropdown :trigger="['hover']" :dropMenuList="getDropdownList" popconfirm v-if="dropDownActions && getDropdownList.length > 0"> <Dropdown :trigger="['hover']" :dropMenuList="getDropdownList" popconfirm v-if="dropDownActions && getDropdownList.length > 0">
<slot name="more"></slot> <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> </Dropdown>
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { useI18n } from '@/hooks/web/useI18n' import { useI18n } from '@/hooks/web/useI18n'
import { computed, toRaw, unref } from 'vue' 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 { Divider, Tooltip, TooltipProps } from 'ant-design-vue'
import { Icon } from '@/components/Icon' import { Icon } from '@/components/Icon'
import { ActionItem, TableActionType } from '@/components/Table' import { ActionItem, TableActionType } from '@/components/Table'
@ -181,7 +181,7 @@ function onCellClick(e: MouseEvent) {
} }
.icon-more { .icon-more {
transform: rotate(90deg); margin-left: 0.25rem;
svg { svg {
font-size: 1.1em; font-size: 1.1em;