<template>
<div class="app-wrapper">
<el-container>
<el-aside width="200px" class="sidebar-container"><Menu/></el-aside>
<el-container>
<el-header><Header/></el-header>
<el-main><Tabs/></el-main>
<el-footer><Footer/></el-footer>
</el-container>
</el-container>
</div>
</template>
<script setup>
import Menu from '@/layout/menu'
import Header from '@/layout/header'
import Footer from '@/layout/footer'
import Tabs from '@/layout/tabs'
</script>
<style scoped>
.app-wrapper {
position: relative;
width: 100%;
height: 100%;
}
.sidebar-container {
background-color: #2d3a4b;
height: 100%;
}
.el-container {
height:100%
}
.el-header{
padding-left: 0px;
padding-right: 0px;
}
:deep(ul.el-menu){
border-right-width: 0px;
}
</style>
<template>
<div class="footer">
Copyright © 2012-2022 Java知识分享网 版权所有 <a
href="http://www.java1234.vip" target="_blank">www.java1234.vip</a>
</div>
</template>
<script setup>
</script>
<style lang="scss" scoped>
.footer{
padding: 20px;
display: flex;
align-items: center;
}
</style>
<template>
header
</template>
<script setup>
</script>
<style lang="scss" scoped>
</style>
<template>
menu
</template>
<script setup>
</script>
<style lang="scss" scoped>
</style>
<template>
tabs
</template>
<script setup>
</script>
<style lang="scss" scoped>
</style>