From 58f02f1262fe391d49f1d0d0c36ea7e2106743ce Mon Sep 17 00:00:00 2001
From: guoju0808 <admin@risingdoctor.com>
Date: Wed, 26 Aug 2026 11:15:17 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20AdminLayout=20=E6=B1=89=E5=A0=A1?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89=E8=92=99=E5=B1=82=E8=A2=AB=20aside=20?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E4=B8=8D=E5=8F=AF=E7=82=B9=E5=87=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ry-vue3/src/layout/AdminLayout.vue | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/ry-vue3/src/layout/AdminLayout.vue b/ry-vue3/src/layout/AdminLayout.vue
index 72418ad..c04f67c 100644
--- a/ry-vue3/src/layout/AdminLayout.vue
+++ b/ry-vue3/src/layout/AdminLayout.vue
@@ -1,14 +1,15 @@
 <template>
   <el-container class="admin-layout">
+    <!-- 移动端侧栏抽屉打开时的蒙层 (放在 el-aside 外面, 否则会被 aside 自身遮挡, 不可点击) -->
+    <transition name="aside-fade">
+      <div v-if="mobileAsideOpen" class="aside-mask" @click="mobileAsideOpen = false"></div>
+    </transition>
     <el-aside
       v-if="!route.meta?.hideMenu"
       width="220px"
       class="aside"
       :class="{ 'aside-mobile-open': mobileAsideOpen }"
     >
-      <transition name="aside-fade">
-        <div v-if="mobileAsideOpen" class="aside-mask" @click="mobileAsideOpen = false"></div>
-      </transition>
       <div class="aside-logo">
         <div class="logo-icon"><img src="/logo.png" alt="logo" /></div>
         <div class="logo-text">
@@ -497,15 +498,12 @@ const onCommand = (cmd) => { if (cmd === 'logout') logout() }
 .aside-close { display: none; }
 .hamburger { display: none; }
 
-/* 移动端侧栏抽屉打开时的蒙层 (放在 layout 顶层, 透过 admin-layout 主结构显示) */
-@media (max-width: 768px) {
-  .admin-layout { position: relative; }
-  .aside-mask {
-    position: fixed;
-    inset: 0;
-    background: rgba(0, 0, 0, 0.45);
-    z-index: 1999;
-  }
+/* 移动端侧栏抽屉打开时的蒙层 */
+.aside-mask {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.45);
+  z-index: 1999;
 }
 
 .aside-fade-enter-active, .aside-fade-leave-active { transition: opacity 0.2s; }