From a60c48ae60f1f54a45637543d22574ffe814f331 Mon Sep 17 00:00:00 2001
From: "Ray.Hao" <1490493387@qq.com>
Date: Tue, 18 Feb 2025 00:43:59 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20:recycle:=20hamburger=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Hamburger/index.vue | 32 +++++++++++++++++++-----------
 1 file changed, 20 insertions(+), 12 deletions(-)

diff --git a/src/components/Hamburger/index.vue b/src/components/Hamburger/index.vue
index 6bc47abc..4b624c96 100644
--- a/src/components/Hamburger/index.vue
+++ b/src/components/Hamburger/index.vue
@@ -1,9 +1,5 @@
-<!-- 汉堡按钮组件：展开/收缩菜单  -->
 <template>
-  <div
-    class="px-[15px] flex items-center justify-center color-[var(--el-text-color-regular)]"
-    @click="toggleClick"
-  >
+  <div class="hamburger-wrapper" @click="toggleClick">
     <div :class="['i-svg:collapse', { hamburger: true, 'is-active': isActive }]" />
   </div>
 </template>
@@ -25,13 +21,25 @@ function toggleClick() {
 </script>
 
 <style scoped lang="scss">
-.hamburger {
-  vertical-align: middle;
-  cursor: pointer;
-  transform: scaleX(-1);
-}
+.hamburger-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0 15px;
 
-.hamburger.is-active {
-  transform: scaleX(1);
+  .hamburger {
+    vertical-align: middle;
+    cursor: pointer;
+    transform: scaleX(-1);
+  }
+
+  .hamburger.is-active {
+    transform: scaleX(1);
+  }
+}
+.layout-mix {
+  .hamburger-wrapper {
+    color: #fff;
+  }
 }
 </style>