<template>
  <a-config-provider :locale="locale">
    <a-layout>
      <!--      日历页-->
      <a-layout-sider v-show="collapsed" style="background: #fff"><Left /></a-layout-sider>

      <a-layout>
        <!--        导航栏-->
        <a-layout-header style="background: #fff">
          <Navbar />
        </a-layout-header>
        <!--        内容区-->
        <a-layout-content><router-view></router-view></a-layout-content>
        <!--        脚部-->
        <!--        <a-layout-footer>Footer</a-layout-footer>-->
      </a-layout>
    </a-layout>
  </a-config-provider>
</template>

<script setup>
import { computed } from 'vue';
import { useStore } from 'vuex';
import zhCN from 'ant-design-vue/es/locale/zh_CN';
import Left from 'components/tall/left/Index.vue';
import Navbar from 'components/tall/top/Navbar.vue';

const locale = zhCN;
const store = useStore();
const collapsed = computed(() => store.state.layout.display.left); // 是否显示左栏
</script>

<style>
html,
body,
#app,
#app > section {
  height: 100%;
}
</style>
