From 22f0e9757591676b976f4b227acd0b7da1e429ed Mon Sep 17 00:00:00 2001
From: ikmkj <1@qq,com>
Date: Fri, 8 Aug 2025 20:28:32 +0800
Subject: [PATCH] =?UTF-8?q?style(biji-qianduan):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E4=BE=A7=E8=BE=B9=E6=A0=8F=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 移除 .home-page.is-mobile .sidebar 的 transform属性，使用 overflow:hidden 避免内容溢出
-调整 .home-page.is-mobile .sidebar:not(.is-collapsed) 的样式，移除 transform
- 修改 SidebarMenu 组件的 transition 属性，应用到 width 上
---
 biji-qianduan/src/assets/styles/mobile.css        | 5 ++---
 biji-qianduan/src/components/home/SidebarMenu.vue | 2 +-
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/biji-qianduan/src/assets/styles/mobile.css b/biji-qianduan/src/assets/styles/mobile.css
index 2c4f357..d4c3f61 100644
--- a/biji-qianduan/src/assets/styles/mobile.css
+++ b/biji-qianduan/src/assets/styles/mobile.css
@@ -6,14 +6,13 @@
   .home-page.is-mobile .sidebar {
     position: absolute;
     z-index: 1001;
-    transition: transform 0.3s ease;
     height: 100%;
-    transform: translateX(-100%);
     background-color: #fff; /* 确保侧边栏有背景色 */
+    overflow: hidden; /* 避免内容在折叠过程中溢出 */
   }
 
   .home-page.is-mobile .sidebar:not(.is-collapsed) {
-    transform: translateX(0);
+    /* No transform needed, width is controlled by component */
   }
 
   .home-page.is-mobile .content {
diff --git a/biji-qianduan/src/components/home/SidebarMenu.vue b/biji-qianduan/src/components/home/SidebarMenu.vue
index fd9692c..b098f76 100644
--- a/biji-qianduan/src/components/home/SidebarMenu.vue
+++ b/biji-qianduan/src/components/home/SidebarMenu.vue
@@ -164,7 +164,7 @@ const renderMenu = (item) => {
   background-color: rgba(255, 255, 255, 0.8);
   backdrop-filter: blur(10px);
   border-right: 1px solid rgba(0, 0, 0, 0.05);
-  transition: width var(--transition-duration) ease;
+  transition: width 0.3s ease; /* Apply transition to width */
   display: flex;
   flex-direction: column;
 }