yudao
/
admin-vben
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vben.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

style: improve layout and styling of action-buttons component

pull/54/head
chenminjie 2024-11-29 02:50:36 +08:00
parent 8197f4dfc3
commit 3938f1bdda
1 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web-antd/src/components/action-buttons/action-buttons.vue
View File

@ -160,22 +160,24 @@ const handleMenuClick = (e: any) => {
</Button>
</slot>
<template #overlay>
<Menu @click="handleMenuClick">
<Menu class="w-full" @click="handleMenuClick">
<MenuItem v-for="(action, index) in getDropdownList" :key="index">
<template v-if="action.popConfirm">
<Popconfirm v-bind="getPopConfirmProps(action.popConfirm)">
<template v-if="action.popConfirm.icon" #icon>
<IconifyIcon :icon="action.popConfirm.icon" />
</template>
<div>
<div class="flex items-center">
<IconifyIcon v-if="action.icon" :icon="action.icon" />
<span class="ml-1">{{ action.text }}</span>
</div>
</Popconfirm>
</template>
<template v-else>
<IconifyIcon v-if="action.icon" :icon="action.icon" />
<span class="ml-1">{{ action.label }}</span>
<div class="flex items-center">
<IconifyIcon v-if="action.icon" :icon="action.icon" />
<span class="ml-1">{{ action.text }}</span>
</div>
</template>
</MenuItem>
</Menu>