diff --git a/src/layout/components/appMain.vue b/src/layout/components/lay-content/index.vue
similarity index 100%
rename from src/layout/components/appMain.vue
rename to src/layout/components/lay-content/index.vue
diff --git a/src/layout/components/footer/index.vue b/src/layout/components/lay-footer/index.vue
similarity index 100%
rename from src/layout/components/footer/index.vue
rename to src/layout/components/lay-footer/index.vue
diff --git a/src/layout/frameView.vue b/src/layout/components/lay-frame/FrameView.vue
similarity index 100%
rename from src/layout/frameView.vue
rename to src/layout/components/lay-frame/FrameView.vue
diff --git a/src/layout/components/keepAliveFrame/index.vue b/src/layout/components/lay-frame/index.vue
similarity index 96%
rename from src/layout/components/keepAliveFrame/index.vue
rename to src/layout/components/lay-frame/index.vue
index da0d468e3d..494db0be63 100644
--- a/src/layout/components/keepAliveFrame/index.vue
+++ b/src/layout/components/lay-frame/index.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import { getConfig } from "@/config";
+import { useMultiFrame } from "@/layout/hooks/useMultiFrame";
 import { useMultiTagsStoreHook } from "@/store/modules/multiTags";
 import { type Component, shallowRef, watch, computed } from "vue";
 import { type RouteRecordRaw, RouteLocationNormalizedLoaded } from "vue-router";
-import { useMultiFrame } from "@/layout/components/keepAliveFrame/useMultiFrame";
 
 const props = defineProps<{
   currRoute: RouteLocationNormalizedLoaded;
diff --git a/src/layout/components/navbar.vue b/src/layout/components/lay-navbar/index.vue
similarity index 100%
rename from src/layout/components/navbar.vue
rename to src/layout/components/lay-navbar/index.vue
diff --git a/src/layout/components/notice/noticeItem.vue b/src/layout/components/lay-notice/NoticeItem.vue
similarity index 100%
rename from src/layout/components/notice/noticeItem.vue
rename to src/layout/components/lay-notice/NoticeItem.vue
diff --git a/src/layout/components/notice/noticeList.vue b/src/layout/components/lay-notice/NoticeList.vue
similarity index 92%
rename from src/layout/components/notice/noticeList.vue
rename to src/layout/components/lay-notice/NoticeList.vue
index 54bdf2f7de..c47beaf812 100644
--- a/src/layout/components/notice/noticeList.vue
+++ b/src/layout/components/lay-notice/NoticeList.vue
@@ -2,7 +2,7 @@
 import { PropType } from "vue";
 import { ListItem } from "./data";
 import { useI18n } from "vue-i18n";
-import NoticeItem from "./noticeItem.vue";
+import NoticeItem from "./NoticeItem.vue";
 
 const props = defineProps({
   list: {
diff --git a/src/layout/components/notice/data.ts b/src/layout/components/lay-notice/data.ts
similarity index 100%
rename from src/layout/components/notice/data.ts
rename to src/layout/components/lay-notice/data.ts
diff --git a/src/layout/components/notice/index.vue b/src/layout/components/lay-notice/index.vue
similarity index 98%
rename from src/layout/components/notice/index.vue
rename to src/layout/components/lay-notice/index.vue
index 93bd9a4bab..ecfa61338c 100644
--- a/src/layout/components/notice/index.vue
+++ b/src/layout/components/lay-notice/index.vue
@@ -2,7 +2,7 @@
 import { ref } from "vue";
 import { useI18n } from "vue-i18n";
 import { noticesData } from "./data";
-import NoticeList from "./noticeList.vue";
+import NoticeList from "./NoticeList.vue";
 import Bell from "@iconify-icons/ep/bell";
 
 const { t } = useI18n();
diff --git a/src/layout/components/panel/index.vue b/src/layout/components/lay-panel/index.vue
similarity index 100%
rename from src/layout/components/panel/index.vue
rename to src/layout/components/lay-panel/index.vue
diff --git a/src/layout/components/search/components/SearchFooter.vue b/src/layout/components/lay-search/components/SearchFooter.vue
similarity index 100%
rename from src/layout/components/search/components/SearchFooter.vue
rename to src/layout/components/lay-search/components/SearchFooter.vue
diff --git a/src/layout/components/search/components/SearchHistory.vue b/src/layout/components/lay-search/components/SearchHistory.vue
similarity index 100%
rename from src/layout/components/search/components/SearchHistory.vue
rename to src/layout/components/lay-search/components/SearchHistory.vue
diff --git a/src/layout/components/search/components/SearchHistoryItem.vue b/src/layout/components/lay-search/components/SearchHistoryItem.vue
similarity index 100%
rename from src/layout/components/search/components/SearchHistoryItem.vue
rename to src/layout/components/lay-search/components/SearchHistoryItem.vue
diff --git a/src/layout/components/search/components/SearchModal.vue b/src/layout/components/lay-search/components/SearchModal.vue
similarity index 100%
rename from src/layout/components/search/components/SearchModal.vue
rename to src/layout/components/lay-search/components/SearchModal.vue
diff --git a/src/layout/components/search/components/SearchResult.vue b/src/layout/components/lay-search/components/SearchResult.vue
similarity index 100%
rename from src/layout/components/search/components/SearchResult.vue
rename to src/layout/components/lay-search/components/SearchResult.vue
diff --git a/src/layout/components/search/components/index.ts b/src/layout/components/lay-search/components/index.ts
similarity index 100%
rename from src/layout/components/search/components/index.ts
rename to src/layout/components/lay-search/components/index.ts
diff --git a/src/layout/components/search/index.vue b/src/layout/components/lay-search/index.vue
similarity index 100%
rename from src/layout/components/search/index.vue
rename to src/layout/components/lay-search/index.vue
diff --git a/src/layout/components/search/types.ts b/src/layout/components/lay-search/types.ts
similarity index 100%
rename from src/layout/components/search/types.ts
rename to src/layout/components/lay-search/types.ts
diff --git a/src/layout/components/setting/index.vue b/src/layout/components/lay-setting/index.vue
similarity index 100%
rename from src/layout/components/setting/index.vue
rename to src/layout/components/lay-setting/index.vue
diff --git a/src/layout/components/sidebar/horizontal.vue b/src/layout/components/lay-sidebar/NavHorizontal.vue
similarity index 100%
rename from src/layout/components/sidebar/horizontal.vue
rename to src/layout/components/lay-sidebar/NavHorizontal.vue
diff --git a/src/layout/components/sidebar/mixNav.vue b/src/layout/components/lay-sidebar/NavMix.vue
similarity index 100%
rename from src/layout/components/sidebar/mixNav.vue
rename to src/layout/components/lay-sidebar/NavMix.vue
diff --git a/src/layout/components/sidebar/vertical.vue b/src/layout/components/lay-sidebar/NavVertical.vue
similarity index 100%
rename from src/layout/components/sidebar/vertical.vue
rename to src/layout/components/lay-sidebar/NavVertical.vue
diff --git a/src/layout/components/sidebar/breadCrumb.vue b/src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue
similarity index 100%
rename from src/layout/components/sidebar/breadCrumb.vue
rename to src/layout/components/lay-sidebar/components/SidebarBreadCrumb.vue
diff --git a/src/layout/components/sidebar/centerCollapse.vue b/src/layout/components/lay-sidebar/components/SidebarCenterCollapse.vue
similarity index 100%
rename from src/layout/components/sidebar/centerCollapse.vue
rename to src/layout/components/lay-sidebar/components/SidebarCenterCollapse.vue
diff --git a/src/layout/components/sidebar/extraIcon.vue b/src/layout/components/lay-sidebar/components/SidebarExtraIcon.vue
similarity index 100%
rename from src/layout/components/sidebar/extraIcon.vue
rename to src/layout/components/lay-sidebar/components/SidebarExtraIcon.vue
diff --git a/src/layout/components/sidebar/fullScreen.vue b/src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
similarity index 100%
rename from src/layout/components/sidebar/fullScreen.vue
rename to src/layout/components/lay-sidebar/components/SidebarFullScreen.vue
diff --git a/src/layout/components/sidebar/sidebarItem.vue b/src/layout/components/lay-sidebar/components/SidebarItem.vue
similarity index 100%
rename from src/layout/components/sidebar/sidebarItem.vue
rename to src/layout/components/lay-sidebar/components/SidebarItem.vue
diff --git a/src/layout/components/sidebar/leftCollapse.vue b/src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue
similarity index 100%
rename from src/layout/components/sidebar/leftCollapse.vue
rename to src/layout/components/lay-sidebar/components/SidebarLeftCollapse.vue
diff --git a/src/layout/components/sidebar/linkItem.vue b/src/layout/components/lay-sidebar/components/SidebarLinkItem.vue
similarity index 100%
rename from src/layout/components/sidebar/linkItem.vue
rename to src/layout/components/lay-sidebar/components/SidebarLinkItem.vue
diff --git a/src/layout/components/sidebar/logo.vue b/src/layout/components/lay-sidebar/components/SidebarLogo.vue
similarity index 100%
rename from src/layout/components/sidebar/logo.vue
rename to src/layout/components/lay-sidebar/components/SidebarLogo.vue
diff --git a/src/layout/components/sidebar/topCollapse.vue b/src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
similarity index 100%
rename from src/layout/components/sidebar/topCollapse.vue
rename to src/layout/components/lay-sidebar/components/SidebarTopCollapse.vue
diff --git a/src/layout/components/tag/index.scss b/src/layout/components/lay-tag/index.scss
similarity index 100%
rename from src/layout/components/tag/index.scss
rename to src/layout/components/lay-tag/index.scss
diff --git a/src/layout/components/tag/index.vue b/src/layout/components/lay-tag/index.vue
similarity index 100%
rename from src/layout/components/tag/index.vue
rename to src/layout/components/lay-tag/index.vue
diff --git a/src/layout/components/keepAliveFrame/useMultiFrame.ts b/src/layout/hooks/useMultiFrame.ts
similarity index 100%
rename from src/layout/components/keepAliveFrame/useMultiFrame.ts
rename to src/layout/hooks/useMultiFrame.ts