<template>
    <el-container class="app-container">
        <el-header height="auto" class="page-header">
            <jinshen-header />
        </el-header>
        <el-main class="main-content">
            <slot />
        </el-main>
        <el-footer height="auto" class="page-footer">
            <jinshen-footer />
        </el-footer>
    </el-container>
</template>

<style scoped>
.app-container {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.page-header {
    padding: 0px;
    margin-bottom: auto;
}

.main-content {
    flex: 1;
    padding: 0;
    flex-direction: column;
}

.page-footer {
    padding: 0px;
}
</style>