<template>
    <div class="layout">
        <Header />
        <div class="layoutContent">
            <Content />
            <Footer />
        </div>
    </div>
</template>

<script setup>
import Header from './Header.vue';
import Content from './Content.vue';
import Footer from './Footer.vue';

</script>

<style lang="scss" scoped>
.layout{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    .layoutContent{
        flex: 1;
        width: 100%;
        overflow-y: auto;
        position: relative;
        z-index: 1;
    }
}
</style>