forked from TALL/tall3-pc-keti
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.
40 lines
1.0 KiB
40 lines
1.0 KiB
<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>
|
|
|