From 3b1f1aaee47083f84f41557a00364d94c964b44e Mon Sep 17 00:00:00 2001
From: Charles7c <charles7c@126.com>
Date: Mon, 10 Feb 2025 21:22:11 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BC=98=E5=8C=96=E6=A0=91=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E6=9B=B4=E5=A4=9A=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=88PR=20by=20=E7=95=AA=E8=8C=84=E5=A4=A7=E4=BD=AC?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/dict/tree/index.vue | 10 +++++++++-
 src/views/system/role/tree/index.vue | 10 +++++++++-
 2 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/views/system/dict/tree/index.vue b/src/views/system/dict/tree/index.vue
index a4592e0..bd34f20 100644
--- a/src/views/system/dict/tree/index.vue
+++ b/src/views/system/dict/tree/index.vue
@@ -30,7 +30,7 @@
           </template>
           <template #extra="node">
             <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>
                 <RightMenu :data="node" @on-menu-item-click="onMenuItemClick" />
               </template>
@@ -156,6 +156,14 @@ onMounted(() => {
   margin: 5px 0;
   .action {
     opacity: 0;
+    margin-right: 8px;
+    padding: 4px;
+    transition: all 0.25s;
+    border-radius: 8px;
+
+    &:hover{
+      background-color: var(--color-bg-1);
+    }
   }
   &:hover {
     background-color: var(--color-secondary-hover);
diff --git a/src/views/system/role/tree/index.vue b/src/views/system/role/tree/index.vue
index 61d3317..c9109ad 100644
--- a/src/views/system/role/tree/index.vue
+++ b/src/views/system/role/tree/index.vue
@@ -30,7 +30,7 @@
           </template>
           <template #extra="node">
             <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>
                 <RightMenu :data="node" @on-menu-item-click="onMenuItemClick" />
               </template>
@@ -156,6 +156,14 @@ onMounted(() => {
   margin: 5px 0;
   .action {
     opacity: 0;
+    margin-right: 8px;
+    padding: 4px;
+    transition: all 0.25s;
+    border-radius: 8px;
+
+    &:hover{
+      background-color: var(--color-bg-1);
+    }
   }
   &:hover {
     background-color: var(--color-secondary-hover);