From e5102004f7392a35cca92f0881ffccb6b2f070c3 Mon Sep 17 00:00:00 2001
From: guoapeng <GuoAnPeng@163.com>
Date: Wed, 30 Apr 2025 11:29:20 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E5=A2=9E=E5=8A=A0=E5=8F=AF=E7=88=B1?=
 =?UTF-8?q?=E7=9A=84=E4=BA=A4=E4=BA=92=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layouts/default.vue | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/src/layouts/default.vue b/src/layouts/default.vue
index 1271a1f..fcecf1d 100644
--- a/src/layouts/default.vue
+++ b/src/layouts/default.vue
@@ -62,7 +62,7 @@ onUnmounted(() => {
           :class="{ 'aside-item-active': router.currentRoute.value.path === item.path }"
           @click="router.push(item.path)"
         >
-          <img :src="router.currentRoute.value.path === item.path ? item.meta!.activeIcon : item.meta!.icon" alt="">
+          <img class="swing-icon" :src="router.currentRoute.value.path === item.path ? item.meta!.activeIcon : item.meta!.icon" alt="">
           <span class="text">{{ item.meta!.title }}</span>
         </div>
       </el-aside>
@@ -272,4 +272,27 @@ onUnmounted(() => {
     }
   }
 }
+.aside-item:hover {
+  .swing-icon {
+    animation: swing 1s ease-in-out;
+  }
+}
+
+@keyframes swing {
+  0% {
+    transform: rotate(0deg);
+  }
+  25% {
+    transform: rotate(-30deg);
+  }
+  50% {
+    transform: rotate(30deg);
+  }
+  75% {
+    transform: rotate(-15deg);
+  }
+  100% {
+    transform: rotate(0deg);
+  }
+}
 </style>