<!--
 * @Author: donghao donghao@supervision.ltd
 * @Date: 2025-03-06 13:56:12
 * @LastEditors: donghao donghao@supervision.ltd
 * @LastEditTime: 2025-03-07 10:40:22
 * @FilePath: \vite-ai\data-dashboard\src\views\dashboard\home.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <div class="data-screen">
        <!-- 顶部标题栏 -->
        <header>
            <NavbarComp />
        </header>
        <main class="app-main px-[32px]">
            <router-view v-slot="{ Component, route }">
                <transition name="fade">
                    <component :is="Component" :key="route.path" />
                </transition>
            </router-view>
        </main>
        <footer>
            <FooterComp />
        </footer>
    </div>
</template>

<script setup>
import NavbarComp from '@/components/Navbar.vue'
import FooterComp from '@/components/Footer.vue'
</script>

<style scoped lang="scss">
.data-screen {
    background: #002a5c;
    color: white;
    font-family: 'Arial', sans-serif;
    
}
</style>