| | |
| | | <template> |
| | | <el-config-provider :locale="zhCn"> |
| | | <div class="h-full bg-gray-50 flex flex-col"> |
| | | <template v-if="!isLoginPage"> |
| | | <AppHeader class="flex-0" /> |
| | | <div class="flex-auto !overflow-y-auto bg-[#f4f4f4]" ref="containerRef"> |
| | | <div class="w-[63%] mx-auto"> |
| | | <div id="app-page" class="flex-auto !overflow-y-auto bg-[#ffffff]" ref="containerRef"> |
| | | <div class="w-[100%] mx-auto"> |
| | | <router-view></router-view> |
| | | </div> |
| | | <AppFooter></AppFooter> |
| | |
| | | <router-view></router-view> |
| | | </template> |
| | | </div> |
| | | </el-config-provider> |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | |
| | | import { useRoute } from 'vue-router'; |
| | | import AppFooter from './components/AppFooter.vue'; |
| | | import AppHeader from './components/AppHeader.vue'; |
| | | |
| | | import zhCn from 'element-plus/dist/locale/zh-cn.mjs' |
| | | const route = useRoute(); |
| | | const containerRef = ref<HTMLDivElement | null>(null); |
| | | |