classic.vue 786 B

12345678910111213141516171819202122232425262728293031
  1. <template>
  2. <el-container class="layout-container">
  3. <Aside />
  4. <el-container class="content-wrapper">
  5. <Header />
  6. <Main />
  7. </el-container>
  8. </el-container>
  9. <CloseFullScreen v-if="navTabs.state.tabFullScreen" />
  10. </template>
  11. <script setup lang="ts">
  12. import Aside from '../backend/components/aside.vue'
  13. import Header from '../backend/components/header.vue'
  14. import Main from '/@/layouts/router-view/main.vue'
  15. import CloseFullScreen from '../backend/components/closeFullScreen.vue'
  16. import { useNavTabs } from '/@/stores/navTabs'
  17. const navTabs = useNavTabs()
  18. </script>
  19. <style scoped>
  20. .layout-container {
  21. height: 100%;
  22. width: 100%;
  23. }
  24. .content-wrapper {
  25. flex-direction: column;
  26. width: 100%;
  27. height: 100%;
  28. }
  29. </style>