<!-- 经典布局 -->
<template>
    <div class="layout-classic">
        <!-- 左 -->
        <div class="nav-left">
            <!-- logo部分 -->
            <nav-logo class="nav-left-top"></nav-logo>
            <!-- 左下：菜单 -->
            <transition name="left-jump-right">
                <nav-menu-bar class="nav-left-bottom" v-if="appStore.isOpen"></nav-menu-bar>
                <nav-menu-bar class="nav-left-bottom" v-else></nav-menu-bar>
            </transition>
        </div>
        <!-- 右 -->
        <div class="nav-right">
            <!-- 工具栏 -->
            <nav-tool-bar class="nav-right-1"></nav-tool-bar>
            <!-- Tab栏 -->
            <nav-tab-bar class="nav-right-2"></nav-tab-bar>
            <!-- 视图容器 -->
            <nav-view-vessel class="nav-right-3"></nav-view-vessel>
        </div>
    </div>
</template>

<script setup name="layout-classic">
import NavLogo from './../nav/nav-logo';				// logo
import NavMenuBar from './../nav/nav-menu-bar';		// 菜单栏
import NavToolBar from './../nav/nav-tool-bar';		// 工具栏
import NavTabBar from './../nav/nav-tab-bar';		// tab栏
import NavViewVessel from './../nav/nav-view-vessel';
import {useAppStore} from "../../store/app";	// 视图容器
const appStore = useAppStore();
</script>

<style scoped>

</style>
