ai页面配置

src/layout/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }">
+  <div :class="classObj" class="app-wrapper" :style="{ '--current-color': theme }" v-if="route.query.ai !== 'true'">
     <div v-if="device === 'mobile' && sidebar.opened" class="drawer-bg" @click="handleClickOutside" />
     <side-bar v-if="!sidebar.hide" class="sidebar-container" />
     <div :class="{ hasTagsView: needTagsView, sidebarHide: sidebar.hide }" class="main-container">
@@ -19,6 +19,9 @@
       <settings ref="settingRef" />
     </div>
   </div>
+  <div style="width: 100%; height: 100%" v-if="route.query.ai === 'true'">
+    <app-main />
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -28,6 +31,9 @@ import useAppStore from '@/store/modules/app';
 import useSettingsStore from '@/store/modules/settings';
 import { initWebSocket } from '@/utils/websocket';
 import { initSSE } from "@/utils/sse";
+import { useRoute } from 'vue-router';
+
+const route = useRoute();
 
 const settingsStore = useSettingsStore();
 const theme = computed(() => settingsStore.theme);