feat(portal): 更新主题视图，增加精选专题展示和响应式布局

2025-12-26 22:15:28 +08:00
parent 83f725c0b2
commit a6e737fdaf
3 changed files with 213 additions and 114 deletions
--- a/frontend/portal/src/layout/LayoutMain.vue
+++ b/frontend/portal/src/layout/LayoutMain.vue
@@ -1,10 +1,14 @@
 <template>
-  <div class="min-h-screen flex flex-col bg-slate-50">
-    <TopNavbar />
-    <main class="flex-grow pt-16">
+  <div class="min-h-screen flex flex-col bg-slate-50 relative overflow-hidden">
+    <!-- Background Decor Blobs -->
+    <div class="fixed top-[-10%] right-[-10%] w-[40%] h-[40%] bg-blue-100/40 rounded-full blur-[120px] -z-0"></div>
+    <div class="fixed bottom-[-10%] left-[-10%] w-[30%] h-[40%] bg-purple-50/50 rounded-full blur-[100px] -z-0"></div>
+    
+    <TopNavbar class="relative z-10" />
+    <main class="flex-grow pt-16 relative z-10">
      <router-view />
    </main>
-    <AppFooter />
+    <AppFooter class="relative z-10" />
  </div>
 </template>