feat: 添加自定义滚动条样式，优化布局和组件结构

2026-05-22 17:02:07 +08:00
parent d3cb786edb
commit c286db68b1
10 changed files with 125 additions and 15 deletions
@@ -5,11 +5,15 @@ import AppHeader from "@/components/layout/AppHeader.vue";
 </script>

 <template>
-  <div class="min-h-screen bg-background text-foreground">
-    <AppHeader />
-    <main class="mx-auto min-h-[calc(100vh-8rem)] w-full max-w-7xl px-4 py-6 md:px-6">
-      <slot />
+  <div
+    class="flex h-screen flex-col overflow-hidden bg-background text-foreground"
+  >
+    <AppHeader class="shrink-0" />
+    <main class="flex min-h-0 flex-1 flex-col overflow-y-auto">
+      <div class="mx-auto w-full max-w-7xl flex-1 px-4 py-6 md:px-6">
+        <slot />
+      </div>
+      <AppFooter />
    </main>
-    <AppFooter />
  </div>
 </template>