mirror of
https://github.com/fugary/simple-element-plus-template.git
synced 2025-11-12 14:27:49 +00:00
49 lines
1.3 KiB
Vue
49 lines
1.3 KiB
Vue
<script setup>
|
|
import LeftMenu from '@/layout/LeftMenu.vue'
|
|
import TopNav from '@/layout/TopNav.vue'
|
|
import { useGlobalConfigStore } from '@/stores/GlobalConfigStore'
|
|
import { useTabsViewStore } from '@/stores/TabsViewStore'
|
|
import { GlobalLayoutMode } from '@/consts/GlobalConstants'
|
|
import { computed } from 'vue'
|
|
const globalConfigStore = useGlobalConfigStore()
|
|
const tabsViewStore = useTabsViewStore()
|
|
const showLeftMenu = computed(() => {
|
|
return globalConfigStore.layoutMode === GlobalLayoutMode.LEFT
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<el-container class="index-container">
|
|
<el-aside
|
|
v-if="showLeftMenu"
|
|
class="index-aside"
|
|
width="auto"
|
|
>
|
|
<left-menu />
|
|
</el-aside>
|
|
<el-container>
|
|
<el-header>
|
|
<top-nav />
|
|
</el-header>
|
|
<el-header v-if="tabsViewStore.isTabMode">
|
|
<common-tabs-view />
|
|
</el-header>
|
|
<el-main>
|
|
<router-view v-slot="{ Component, route }">
|
|
<transition
|
|
name="slide-fade"
|
|
mode="out-in"
|
|
>
|
|
<KeepAlive :include="tabsViewStore.cachedTabs">
|
|
<component
|
|
:is="Component"
|
|
:key="route.fullPath"
|
|
/>
|
|
</KeepAlive>
|
|
</transition>
|
|
</router-view>
|
|
</el-main>
|
|
</el-container>
|
|
</el-container>
|
|
</template>
|