ContiNew/continew-admin-ui
1
1
Fork 0
mirror of https://github.com/continew-org/continew-admin-ui.git synced 2025-09-11 16:57:09 +08:00
Code Issues Packages Projects Releases Wiki Activity

style: 优化树列表更多按钮样式（PR by 番茄大佬）

Browse Source
This commit is contained in:
Charles7c
2025-02-10 21:22:11 +08:00
parent d28b92ee89
commit 3b1f1aaee4
2 changed files with 18 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/system/dict/tree/index.vue
View File

@@ -30,7 +30,7 @@
</template> </template>
<template #extra="node"> <template #extra="node">
<a-trigger trigger="click" align-point animation-name="slide-dynamic-origin" auto-fit-transform-origin position="bl" scroll-to-close> <a-trigger trigger="click" align-point animation-name="slide-dynamic-origin" auto-fit-transform-origin position="bl" scroll-to-close>
<icon-more-vertical v-if="has.hasPermOr(['system:dict:update', 'system:dict:delete'])" class="action" /> <icon-more v-if="has.hasPermOr(['system:dict:update', 'system:dict:delete'])" class="action" />
<template #content> <template #content>
<RightMenu :data="node" @on-menu-item-click="onMenuItemClick" /> <RightMenu :data="node" @on-menu-item-click="onMenuItemClick" />
</template> </template>
@@ -156,6 +156,14 @@ onMounted(() => {
margin: 5px 0; margin: 5px 0;
.action { .action {
opacity: 0; opacity: 0;
margin-right: 8px;
padding: 4px;
transition: all 0.25s;
border-radius: 8px;
&:hover{
background-color: var(--color-bg-1);
}
} }
&:hover { &:hover {
background-color: var(--color-secondary-hover); background-color: var(--color-secondary-hover);

10
src/views/system/role/tree/index.vue
View File

@@ -30,7 +30,7 @@
</template> </template>
<template #extra="node"> <template #extra="node">
<a-trigger trigger="click" align-point animation-name="slide-dynamic-origin" auto-fit-transform-origin position="bl" scroll-to-close> <a-trigger trigger="click" align-point animation-name="slide-dynamic-origin" auto-fit-transform-origin position="bl" scroll-to-close>
<icon-more-vertical v-if="has.hasPermOr(['system:role:update', 'system:role:delete'])" class="action" /> <icon-more v-if="has.hasPermOr(['system:role:update', 'system:role:delete'])" class="action" />
<template #content> <template #content>
<RightMenu :data="node" @on-menu-item-click="onMenuItemClick" /> <RightMenu :data="node" @on-menu-item-click="onMenuItemClick" />
</template> </template>
@@ -156,6 +156,14 @@ onMounted(() => {
margin: 5px 0; margin: 5px 0;
.action { .action {
opacity: 0; opacity: 0;
margin-right: 8px;
padding: 4px;
transition: all 0.25s;
border-radius: 8px;
&:hover{
background-color: var(--color-bg-1);
}
} }
&:hover { &:hover {
background-color: var(--color-secondary-hover); background-color: var(--color-secondary-hover);