From 41d555e73f811201cc223c4b37dbf7d4cec445c2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=90=B4=E6=98=8A=E5=A4=A9?= <442384644@qq.com>
Date: Wed, 28 Oct 2026 10:47:19 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E7=94=A8=E6=88=B7=E8=AF=A6=E6=83=85):=20?=
 =?UTF-8?q?=E6=8A=BD=E5=B1=89=E5=B8=83=E5=B1=80=E6=A0=B7=E5=BC=8F=E6=94=B9?=
 =?UTF-8?q?=E9=9D=9E=20scoped=EF=BC=8C=E4=BF=AE=E5=A4=8D=20teleport=20?=
 =?UTF-8?q?=E5=90=8E=E5=86=85=E8=BE=B9=E8=B7=9D=E4=B8=8D=E7=94=9F=E6=95=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 .../pages/user/list/handle/userDetails.vue    | 44 ++++++++++---------
 1 file changed, 24 insertions(+), 20 deletions(-)

diff --git a/frontend/admin/src/pages/user/list/handle/userDetails.vue b/frontend/admin/src/pages/user/list/handle/userDetails.vue
index fa065e754..4f6c3a9b6 100644
--- a/frontend/admin/src/pages/user/list/handle/userDetails.vue
+++ b/frontend/admin/src/pages/user/list/handle/userDetails.vue
@@ -379,25 +379,7 @@ defineExpose({ modals, getDetails });
     height: 100%;
   }
 }
-.user-details-drawer {
-  :deep(.el-drawer) {
-    display: flex;
-    flex-direction: column;
-  }
-  :deep(.el-drawer__header) {
-    flex-shrink: 0;
-    margin-bottom: 0;
-  }
-  :deep(.el-drawer__body) {
-    padding: 20px 0 !important;
-    display: flex;
-    flex-direction: column;
-    flex: 1;
-    min-height: 0;
-    overflow: hidden;
-    box-sizing: border-box;
-  }
-}
+/* 布局类样式放下方非 scoped：抽屉 teleport 到 body，scoped 选择器匹配不到 */
 .user-details-body {
   display: flex;
   flex-direction: column;
@@ -417,7 +399,7 @@ defineExpose({ modals, getDetails });
   :deep(.el-tabs__content) {
     flex: 1;
     min-height: 0;
-    padding: 0 35px 12px;
+    padding: 0 20px 12px;
     overflow: hidden;
   }
   :deep(.el-tab-pane) {
@@ -549,3 +531,25 @@ defineExpose({ modals, getDetails });
   width: 100% !important;
 }
 </style>
+
+<style lang="scss">
+/* 抽屉 teleport 到 body，须非 scoped 才能盖住全局 variables.scss 的 20px 35px */
+.user-details-drawer.el-drawer,
+.user-details-drawer .el-drawer {
+  display: flex;
+  flex-direction: column;
+}
+.user-details-drawer .el-drawer__header {
+  flex-shrink: 0;
+  margin-bottom: 0;
+}
+.user-details-drawer .el-drawer__body {
+  padding: 20px 0 !important;
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  box-sizing: border-box;
+}
+</style>