2022-08-16 23:30:23 +08:00
|
|
|
<template>
|
|
|
|
<el-container>
|
|
|
|
<el-aside>
|
|
|
|
<Menu>
|
|
|
|
<slot name="menu"></slot>
|
|
|
|
</Menu>
|
|
|
|
</el-aside>
|
|
|
|
<el-container>
|
|
|
|
<el-header>
|
|
|
|
<Header>
|
|
|
|
<slot name="header"></slot>
|
|
|
|
</Header>
|
|
|
|
</el-header>
|
|
|
|
<el-main>
|
|
|
|
<Content>
|
|
|
|
<View></View>
|
|
|
|
</Content>
|
|
|
|
</el-main>
|
2022-09-09 11:20:02 +08:00
|
|
|
<!-- <el-footer v-if="themeConfig.footer">
|
2022-08-16 23:30:23 +08:00
|
|
|
<Footer>
|
|
|
|
<slot name="footer"></slot>
|
|
|
|
</Footer>
|
2022-09-09 11:20:02 +08:00
|
|
|
</el-footer> -->
|
2022-08-16 23:30:23 +08:00
|
|
|
</el-container>
|
|
|
|
</el-container>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
2022-09-09 11:20:02 +08:00
|
|
|
// import { computed } from 'vue';
|
2022-08-16 23:30:23 +08:00
|
|
|
import Menu from './layout-menu.vue';
|
|
|
|
import Header from './layout-header.vue';
|
2022-09-09 11:20:02 +08:00
|
|
|
// import Footer from './layout-footer.vue';
|
2022-08-16 23:30:23 +08:00
|
|
|
import View from './layout-view.vue';
|
|
|
|
import Content from './layout-content.vue';
|
2022-09-09 11:20:02 +08:00
|
|
|
// import { GlobalStore } from '@/store';
|
|
|
|
// const globalStore = GlobalStore();
|
|
|
|
// const themeConfig = computed(() => globalStore.themeConfig);
|
2022-08-16 23:30:23 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
@import './index.scss';
|
|
|
|
</style>
|