2022-01-18 01:17:09 +08:00
|
|
|
<template>
|
2022-04-27 16:39:20 +08:00
|
|
|
<dark-mode-container class="flex-col-stretch h-full" :inverted="theme.sider.inverted">
|
2022-01-18 01:17:09 +08:00
|
|
|
<global-logo v-if="!isHorizontalMix" :show-title="showTitle" :style="{ height: theme.header.height + 'px' }" />
|
|
|
|
|
<vertical-menu />
|
|
|
|
|
</dark-mode-container>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { computed } from 'vue';
|
|
|
|
|
import { useAppStore, useThemeStore } from '@/store';
|
|
|
|
|
import { GlobalLogo } from '@/layouts/common';
|
|
|
|
|
import { VerticalMenu } from './components';
|
|
|
|
|
|
|
|
|
|
const app = useAppStore();
|
|
|
|
|
const theme = useThemeStore();
|
|
|
|
|
|
|
|
|
|
const isHorizontalMix = computed(() => theme.layout.mode === 'horizontal-mix');
|
|
|
|
|
const showTitle = computed(() => !app.siderCollapse && theme.layout.mode !== 'vertical-mix');
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped></style>
|
