<template>
  <div class="layout">
    <!-- 导航栏 -->
    <Navbar />

    <!-- 页面内容插槽（子页面会填充这里） -->
    <!--    <main class="layout-main">-->
    <!--      <slot></slot>-->
    <!--    </main>-->

    <router-view></router-view>
    <!-- 页脚 -->
    <Footer />
  </div>
</template>

<script setup lang="ts">
import Navbar from '@/components/Navbar.vue'
import Footer from '@/components/Footer.vue'
</script>

<style scoped lang="less">
.layout {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
.layout-main {
  padding: 100px 0 60px; /* 导航栏80px + 20px间距，页脚60px */
  //width: 1200px;
  margin: 0 auto;
}
</style>
