From 38bc5fe227f2ffc999a1b6bc7ecab055d914cbb6 Mon Sep 17 00:00:00 2001
From: yufei0306 <13417315+yufei0306@user.noreply.gitee.com>
Date: Mon, 15 Apr 2024 08:46:20 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=BC=E8=88=AA=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/layout/components/CategoryHeader.vue | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/layout/components/CategoryHeader.vue b/src/layout/components/CategoryHeader.vue
index ba03c7b32..0f4554e67 100644
--- a/src/layout/components/CategoryHeader.vue
+++ b/src/layout/components/CategoryHeader.vue
@@ -48,7 +48,7 @@ export default defineComponent({
       <ElMenu
         id={`${variables.namespace}-tool-header`}
         popperOffset={16}
-        class={[
+        class={['categoryheader',
           prefixCls,
           'h-[var(--top-category-height)] relative px-[var(--top-tool-p-x)] flex items-center justify-between',
           'dark:bg-[var(--el-bg-color)]',
@@ -96,27 +96,28 @@ export default defineComponent({
 })
 </script>
 
+
+
 <style lang="scss" scoped>
 $prefix-cls: #{$namespace}-tool-header;
 
 .#{$prefix-cls} {
   transition: left var(--transition-time-02);
 }
-::v-deep(.el-menu--horizontal){
-  padding-left:20px;
+.categoryheader{
+  padding-left: 20px;
 }
 
-::v-deep(.el-menu--horizontal>.el-menu-item){
+
+::v-deep(.el-menu-item){
     border-radius: 5px;
     height: 40px;
     margin-right: 10px;
     margin-bottom: 2px;
     background: rgb(242, 245, 248);
     border: 1px solid #ccc;
-
-    // background: linear-gradient(to top left,var(--left-menu-bg-color),var(--left-menu-text-color));
 }
-::v-deep(.el-menu--horizontal>.el-menu-item.is-active){
+::v-deep(.el-menu-item.is-active){
   background: var(--el-menu-hover-bg-color)
 }