<template>
  <div class="w-full h-full flex flex-col">
    <!-- 头部 -->
    <div class="h-[80px] bg-app-c"></div>
    <div class="flex-1 flex">
      <!-- 侧边栏 -->
      <div class="h-full">
        <Menu />
      </div>
      <!-- home子路由 -->
      <div class="flex-1 overflow-hidden p-[16px]">
        <router-view v-slot="{ Component }">
          <transition name="fade" mode="out-in">
            <component :is="Component" />
          </transition>
        </router-view>
      </div>
    </div>
  </div>
</template>

<script lang="ts" setup>
import Menu from './components/memu.vue'
</script>

<style></style>
