diff --git a/src/layouts/components/AppMain.vue b/src/layouts/components/AppMain/index.vue
similarity index 96%
rename from src/layouts/components/AppMain.vue
rename to src/layouts/components/AppMain/index.vue
index 0a00a9b..385ebc5 100644
--- a/src/layouts/components/AppMain.vue
+++ b/src/layouts/components/AppMain/index.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { useTagsViewStore } from "@/pinia/stores/tags-view"
-import Footer from "./Footer/index.vue"
+import { Footer } from "../index"
 
 const tagsViewStore = useTagsViewStore()
 const settingsStore = useSettingsStore()
diff --git a/src/layouts/components/index.ts b/src/layouts/components/index.ts
index bba9706..7669934 100644
--- a/src/layouts/components/index.ts
+++ b/src/layouts/components/index.ts
@@ -1,4 +1,4 @@
-export { default as AppMain } from "./AppMain.vue"
+export { default as AppMain } from "./AppMain/index.vue"
 export { default as Breadcrumb } from "./Breadcrumb/index.vue"
 export { default as Footer } from "./Footer/index.vue"
 export { default as Hamburger } from "./Hamburger/index.vue"
diff --git a/src/layouts/index.vue b/src/layouts/index.vue
index 5c19445..07c4f7d 100644
--- a/src/layouts/index.vue
+++ b/src/layouts/index.vue
@@ -8,9 +8,9 @@ import { storeToRefs } from "pinia"
 import { watchEffect } from "vue"
 import { RightPanel, Settings } from "./components"
 import { useResize } from "./composables/useResize"
-import LeftMode from "./LeftMode.vue"
-import LeftTopMode from "./LeftTopMode.vue"
-import TopMode from "./TopMode.vue"
+import LeftMode from "./modes/LeftMode.vue"
+import LeftTopMode from "./modes/LeftTopMode.vue"
+import TopMode from "./modes/TopMode.vue"
 
 // Layout 布局响应式
 useResize()
diff --git a/src/layouts/LeftMode.vue b/src/layouts/modes/LeftMode.vue
similarity index 98%
rename from src/layouts/LeftMode.vue
rename to src/layouts/modes/LeftMode.vue
index 102980c..0fb89e2 100644
--- a/src/layouts/LeftMode.vue
+++ b/src/layouts/modes/LeftMode.vue
@@ -5,7 +5,7 @@ import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { storeToRefs } from "pinia"
 import { computed } from "vue"
-import { AppMain, NavigationBar, Sidebar, TagsView } from "./components"
+import { AppMain, NavigationBar, Sidebar, TagsView } from "../components"
 
 const { isMobile } = useDevice()
 const { isLeft } = useLayoutMode()
diff --git a/src/layouts/LeftTopMode.vue b/src/layouts/modes/LeftTopMode.vue
similarity index 99%
rename from src/layouts/LeftTopMode.vue
rename to src/layouts/modes/LeftTopMode.vue
index c691516..3beba22 100644
--- a/src/layouts/LeftTopMode.vue
+++ b/src/layouts/modes/LeftTopMode.vue
@@ -3,7 +3,7 @@ import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { storeToRefs } from "pinia"
 import { computed } from "vue"
-import { AppMain, Logo, NavigationBar, Sidebar, TagsView } from "./components"
+import { AppMain, Logo, NavigationBar, Sidebar, TagsView } from "../components"
 
 const appStore = useAppStore()
 const settingsStore = useSettingsStore()
diff --git a/src/layouts/TopMode.vue b/src/layouts/modes/TopMode.vue
similarity index 95%
rename from src/layouts/TopMode.vue
rename to src/layouts/modes/TopMode.vue
index d6094aa..08358df 100644
--- a/src/layouts/TopMode.vue
+++ b/src/layouts/modes/TopMode.vue
@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { storeToRefs } from "pinia"
-import { AppMain, Logo, NavigationBar, TagsView } from "./components"
+import { AppMain, Logo, NavigationBar, TagsView } from "../components"
 
 const settingsStore = useSettingsStore()
 const { showTagsView, showLogo } = storeToRefs(settingsStore)