34 lines
878 B
Vue
34 lines
878 B
Vue
|
<template>
|
||
|
|
<el-container class="layout-container">
|
||
|
|
<Aside />
|
||
|
|
<el-container class="content-wrapper">
|
||
|
|
<Header />
|
||
|
|
<Nav />
|
||
|
|
<Main />
|
||
|
|
</el-container>
|
||
|
|
</el-container>
|
||
|
|
<CloseFullScreen v-if="navTabs.state.tabFullScreen" />
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script setup lang="ts">
|
||
|
|
import Aside from '@/layouts/admin/components/aside.vue'
|
||
|
|
import Header from '@/layouts/admin/components/header.vue'
|
||
|
|
import Main from '@/layouts/admin/router-view/main.vue'
|
||
|
|
import CloseFullScreen from '@/layouts/admin/components/closeFullScreen.vue'
|
||
|
|
import { useNavTabs } from '@/stores/navTabs'
|
||
|
|
import Nav from '@/layouts/admin/components/nav.vue'
|
||
|
|
const navTabs = useNavTabs()
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style scoped>
|
||
|
|
.layout-container {
|
||
|
|
height: 100%;
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
.content-wrapper {
|
||
|
|
flex-direction: column;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
</style>
|