<template>
        <el-container>
            <el-header style="box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)">
                <HeaderComponent></HeaderComponent>
            </el-header>
            <el-container>
                <el-main>
<!--                    <keep-alive>-->
                        <router-view></router-view>
<!--                    </keep-alive>-->
                </el-main>
            </el-container>
        </el-container>
</template>

<script>
import HeaderComponent from "@/components/Home/Header.vue";

export default {
    name:"HomeView",
    components: {
        HeaderComponent,
    }
}
</script>
<style scoped>
/deep/ .el-header {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 9999 !important;
    background-color: #ffffff;
    top: 0;
    left: 0;
}
/deep/ .el-main{
    margin-top: 2vh;
}
/deep/ .el-scrollbar__wrap {
    overflow-x: hidden;
}
</style>
