20 lines
599 B
Vue
20 lines
599 B
Vue
<!-- app/layouts/default.vue - 页面外壳，负责组合导航、内容区和页脚 -->
|
||
<script lang="ts" setup>
|
||
import AppFooter from "@/components/layout/AppFooter.vue";
|
||
import AppHeader from "@/components/layout/AppHeader.vue";
|
||
</script>
|
||
|
||
<template>
|
||
<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>
|
||
</div>
|
||
</template>
|