wip: 临时提交

src/layouts/index.vue

@@ -1,5 +1,10 @@
 <template>
-  <component :is="currentLayoutComponent" />
+  <div class="layout-wrapper">
+    <component :is="currentLayoutComponent" />
+
+    <!-- 设置面板 - 独立于布局组件 -->
+    <Settings v-if="isShowSettings" />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -8,7 +13,9 @@ import { useLayout } from "./composables/useLayout";
 import LeftLayout from "./views/LeftLayout.vue";
 import TopLayout from "./views/TopLayout.vue";
 import MixLayout from "./views/MixLayout.vue";
+import Settings from "./components/Settings/index.vue";
 import { LayoutMode } from "@/enums/settings/layout.enum";
+import defaultSettings from "@/settings";
 
 const { currentLayout } = useLayout();
 
@@ -24,4 +31,14 @@ const currentLayoutComponent = computed(() => {
       return LeftLayout;
   }
 });
+
+// 是否显示设置面板
+const isShowSettings = computed(() => defaultSettings.showSettings);
 </script>
+
+<style lang="scss" scoped>
+.layout-wrapper {
+  width: 100%;
+  height: 100%;
+}
+</style>