<template>
  <div class="app">
    <AppHeader v-if="!$route.meta.hideNav"/>
    <main class="main-content">
      <router-view />
    </main>
    <AppFooter v-if="!$route.meta.hideNav"/>
  </div>
</template>

<script setup>
import AppHeader from './components/AppHeader.vue'
import AppFooter from './components/AppFooter.vue'
</script>

<style lang="scss">
.app {
  min-height: 100vh;
  display: flex;
  flex-direction: column;

  .main-content {
    flex: 1;
    margin-top: 60px; // 为固定的头部留出空间
    padding: 20px;
  }
}
</style>
