fix: 前端页面架构重构初版

This commit is contained in:
Gsh
2025-12-28 22:42:17 +08:00
parent c649ad31c2
commit e4621d9049
53 changed files with 6098 additions and 845 deletions

View File

@@ -0,0 +1,35 @@
<script setup lang="ts">
import SystemAnnouncementDialog from '@/components/SystemAnnouncementDialog/index.vue';
import Header from '@/layouts/components/Header/index.vue';
</script>
<template>
<el-container class="layout-container">
<el-header class="layout-header">
<Header />
</el-header>
<el-container class="layout-container-main">
<router-view />
</el-container>
</el-container>
<!-- 系统公告弹窗 -->
<SystemAnnouncementDialog />
</template>
<style scoped>
.layout-container {
width: 100%;
height: 100vh;
overflow: hidden;
background: var(--color-gray-100);
.layout-header {
padding: 0;
border-bottom: var(--header-border) ;
}
.layout-container-main {
height: calc(100vh - var(--header-container-default-height));
padding: 0;
}
}
</style>