From 99e4dbbb0de32acd8e8fae7aa7e85d227706065c Mon Sep 17 00:00:00 2001
From: coolxitech <admin@kuxi.tech>
Date: Wed, 17 Dec 2025 23:38:07 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E6=9B=B4=E6=96=B0=E8=83=8C?=
 =?UTF-8?q?=E6=99=AF=E7=B2=92=E5=AD=90=E6=95=88=E6=9E=9C=E5=92=8C=E8=B7=AF?=
 =?UTF-8?q?=E7=94=B1=E8=A7=86=E5=9B=BE=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整 RouterView 的包装 div 结构以支持 z-index 控制
- 为非暗黑模式下的 ParticlesBg 组件设置固定颜色值
- 修改 ParticlesBg 组件的层级样式确保其在背景中正确显示
- 在默认和暗黑模式下优化视图容器的相对定位与全屏尺寸
- 引入新的嵌套 div 结构来增强页面元素的层次管理
---
 src/App.vue | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index c093067..bf59852 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -336,19 +336,26 @@
                   star-color="#fff"
                   class="h-full"
               >
-                <RouterView class="h-full" />
+                <div class="relative z-10 h-full">
+                  <RouterView />
+                </div>
               </StarsBackground>
-              <div v-else class="h-full">
+
+              <div v-else class="relative h-full w-full overflow-hidden">
+                <div class="relative z-10 h-full">
+                  <RouterView />
+                </div>
+
                 <ParticlesBg
-                    class="absolute inset-0"
+                    class="absolute inset-0 z-0"
                     :quantity="100"
                     :ease="100"
-                    :color="isDark ? '#FFF' : '#000'"
+                    color="#000"
                     :staticity="10"
                     refresh
                 />
-                <RouterView class="h-full" />
               </div>
+
             </div>
           </Transition>
         </main>