diff --git a/docs/.vitepress/src/App.vue b/docs/.vitepress/src/App.vue
index 5d1331c64df0f03c4f41599d80d7be4804a147c6..4fe772db5a234092927e7e8fe3dce65da433fa4c 100644
--- a/docs/.vitepress/src/App.vue
+++ b/docs/.vitepress/src/App.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, watch, ref } from 'vue';
+import { computed, ref } from 'vue';
 import { useData, useRoute, useRouter } from 'vitepress';
 
 import { OScroller, OConfigProvider } from '@opensig/opendesign';
@@ -20,15 +20,15 @@ import { scrollToTop } from '@/utils/common';
 import { useLocale } from '@/composables/useLocale';
 import { useMenuStore } from '@/stores/menu';
 
+// -------------------- 组件国际化 --------------------
+const { isZh, locale } = useLocale();
+
 // -------------------- 菜单 --------------------
 const menuStore = useMenuStore();
 
 const route = useRoute();
 const router = useRouter();
 
-const homeRoute = ['/', '/zh/index.html', '/zh/', '/en/index.html', '/en/'];
-const isHome = ref();
-
 // -------------------- 判断页面url --------------------
 const nodeVisible = ref();
 const pageType = () => {
@@ -45,24 +45,16 @@ const pageType = () => {
 // -------------------- 判断布局类型 --------------------
 const { frontmatter } = useData();
 const isCustomLayout = computed(() => {
+  // 判断是否是文档节点页面
   const isModule = pageType();
-  return frontmatter.value.layout === 'page' && !isHome.value && !isModule;
+  // 判断是否是首页
+  const isHome = route.component?.name?.includes(`${locale.value}/index`);
+  return (frontmatter.value.layout === 'page' && !isModule) || isHome;
 });
 
-// -------------------- 组件国际化 --------------------
-const { isZh, locale } = useLocale();
-
 router.onBeforeRouteChange = () => {
   scrollToTop(0, false);
 };
-
-watch(
-  () => route.path,
-  (val) => {
-    isHome.value = homeRoute.includes(val);
-  },
-  { immediate: true }
-);
 </script>
 
 <template>
@@ -70,10 +62,9 @@ watch(
     <AppHeader class="ly-header" />
     <OScroller show-type="hover" disabled-x autoUpdateOnScrollSize>
       <main class="ly-main">
-        <TheHome v-if="isHome" />
-        <Content v-else-if="isCustomLayout" />
+        <Content v-if="isCustomLayout" />
         <LayoutDoc :node-visible="nodeVisible" v-else />
-        <FloatingButton v-if="isHome" />
+        <FloatingButton v-if="isCustomLayout" />
         <FloatingButtonDocs v-else />
       </main>
     </OScroller>
diff --git a/docs/zh/index.md b/docs/zh/index.md
new file mode 100644
index 0000000000000000000000000000000000000000..2d4fe3832f69776a78fde060b2c43385e8037dd5
--- /dev/null
+++ b/docs/zh/index.md
@@ -0,0 +1,5 @@
+<script setup lang="ts">
+  import TheHome from '@/views/home/TheHome.vue';
+</script>
+
+<TheHome />