From 395fc155cea654b93f20f8a22c7e864023d6711b Mon Sep 17 00:00:00 2001
From: kuaifan <aipaw@live.cn>
Date: Wed, 7 Jan 2026 03:11:21 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BD=BF=E7=94=A8=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=A4=B4=E5=83=8F=E4=BD=9C=E4=B8=BA=E5=B0=81=E9=9D=A2=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在用户详情弹窗的顶部封面区域，使用用户头像作为模糊背景，
提升视觉效果和个性化体验。

- 将用户头像通过 CSS 变量传递给封面区域
- 添加背景模糊滤镜和缩放效果
- 修复容器溢出问题
---
 .../assets/js/pages/manage/components/UserDetail.vue      | 2 +-
 resources/assets/sass/pages/components/user-detail.scss   | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/resources/assets/js/pages/manage/components/UserDetail.vue b/resources/assets/js/pages/manage/components/UserDetail.vue
index bdf659c27..4d06ac3e6 100755
--- a/resources/assets/js/pages/manage/components/UserDetail.vue
+++ b/resources/assets/js/pages/manage/components/UserDetail.vue
@@ -9,7 +9,7 @@
     >
         <div class="user-detail-body">
             <div class="profile-header">
-                <div class="cover-photo"></div>
+                <div class="cover-photo" :style="{ '--user-cover-photo': `url(${userData.userimg || ''})` }"></div>
                 <div class="profile-avatar">
                     <UserAvatar
                         :userid="userData.userid"
diff --git a/resources/assets/sass/pages/components/user-detail.scss b/resources/assets/sass/pages/components/user-detail.scss
index 6c7e334e3..f176942b9 100755
--- a/resources/assets/sass/pages/components/user-detail.scss
+++ b/resources/assets/sass/pages/components/user-detail.scss
@@ -23,16 +23,22 @@
         padding: 0 !important;
         background-color: #ffffff;
         border-radius: 16px;
+        overflow: hidden;
     }
     .user-detail-body {
         .profile-header {
             position: relative;
             height: 180px;
             .cover-photo {
-                background: $primary-color;
                 height: 130px;
                 border-top-left-radius: 16px;
                 border-top-right-radius: 16px;
+                background: $primary-color;
+                background-position: center;
+                background-size: cover;
+                transform: scale(1.5, 1.1);
+                background-image: var(--user-cover-photo, 'none');
+                filter: blur(40px);
             }
             .profile-avatar {
                 position: absolute;