You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
33 lines
920 B
33 lines
920 B
<template> |
|
<Header /> |
|
<div class="flex"> |
|
<LayoutAside /> |
|
<div> |
|
<MultipleTabs /> |
|
<main> |
|
<router-view v-slot="{ Component, route }"> |
|
<keep-alive :max="20"> |
|
<component :is="Component" :key="route.fullPath" /> |
|
</keep-alive> |
|
</router-view> |
|
</main> |
|
</div> |
|
</div> |
|
</template> |
|
<script setup> |
|
import Header from "./components/Header.vue"; |
|
import LayoutAside from "./components/Aside.vue"; |
|
import MultipleTabs from "./components/MultipleTabs.vue"; |
|
import useTabsStore from '@/stores/modules/multipleTabs' |
|
|
|
const tabsStore = useTabsStore() |
|
|
|
</script> |
|
<style lang="scss" scoped> |
|
main { |
|
width: calc(100vw - var(--aside-width)); |
|
height: calc(100vh - var(--header-height) - var(--multiple-tabs-height)); |
|
overflow: auto; |
|
transition: all .6s; |
|
} |
|
</style> |