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

Yi.Ai.Vue3/src/layouts/LayoutVertical/index.vue

@@ -2,8 +2,6 @@
 <script setup lang="ts">
 import SystemAnnouncementDialog from '@/components/SystemAnnouncementDialog/index.vue';
 import { useSafeArea } from '@/hooks/useSafeArea';
-import { useWindowWidthObserver } from '@/hooks/useWindowWidthObserver';
-import Aside from '@/layouts/components/Aside/index.vue';
 import Header from '@/layouts/components/Header/index.vue';
 import Main from '@/layouts/components/Main/index.vue';
 import { useAnnouncementStore, useDesignStore } from '@/stores';
@@ -25,7 +23,7 @@ useSafeArea({
 });
 
 /** 监听窗口大小变化，折叠侧边栏 */
-useWindowWidthObserver();
+// useWindowWidthObserver();
 
 // 应用加载时检查是否需要显示公告弹窗
 onMounted(() => {
@@ -43,7 +41,7 @@ onMounted(() => {
       <Header />
     </el-header>
     <el-container class="layout-container-main">
-      <Aside />
+      <!--      <Aside /> -->
       <el-main class="layout-main">
         <!-- 路由页面 -->
         <Main />
@@ -55,29 +53,29 @@ onMounted(() => {
 </template>
 
 <style lang="scss" scoped>
-.layout-container {
-  position: relative;
-  width: 100%;
-  height: 100vh;
-  overflow: hidden;
-  .layout-header {
-    padding: 0;
-  }
-  .layout-main {
-    height: 100%;
-    padding: 0;
-  }
-  .layout-container-main {
-    margin-left: var(--sidebar-left-container-default-width, 0);
-    transition: margin-left 0.3s ease;
-  }
-}
-
-/** 去除菜单右侧边框 */
-.el-menu {
-  border-right: none;
-}
-.layout-scrollbar {
-  width: 100%;
-}
+//.layout-container {
+//  position: relative;
+//  width: 100%;
+//  height: 100vh;
+//  overflow: hidden;
+//  .layout-header {
+//    padding: 0;
+//  }
+//  .layout-main {
+//    height: 100%;
+//    padding: 0;
+//  }
+//  .layout-container-main {
+//    margin-left: var(--sidebar-left-container-default-width, 0);
+//    transition: margin-left 0.3s ease;
+//  }
+//}
+//
+///** 去除菜单右侧边框 */
+//.el-menu {
+//  border-right: none;
+//}
+//.layout-scrollbar {
+//  width: 100%;
+//}
 </style>