<!--
 * @Author: donghao donghao@supervision.ltd
 * @Date: 2025-03-06 13:56:12
 * @LastEditors: donghao donghao@supervision.ltd
 * @LastEditTime: 2025-06-12 13:10:23
 * @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">
        <main class="app-main px-[240px] py-[48px]">
            <router-view v-slot="{ Component, route }">
                <transition name="fade">
                    <component :is="Component" :key="route.path" />
                </transition>
            </router-view>
        </main>
    </div>
</template>

<style scoped lang="scss">
.data-screen {
    // background: linear-gradient( 160deg, #E2EAFF 0%, rgba(255,255,255,0) 100%);
    font-family: 'Arial', sans-serif;
    /* TODO 设置主页背景 */
    // background:red;
    background-image: url("@/assets/images/bg_page.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    .app-main{
        height: 100%;
        width: 100%;
    }
}
</style>