diff --git a/apps/web-antd/src/router/routes/modules/nested.ts b/apps/web-antd/src/router/routes/modules/nested.ts
index 7cd2a85e..2265eddf 100644
--- a/apps/web-antd/src/router/routes/modules/nested.ts
+++ b/apps/web-antd/src/router/routes/modules/nested.ts
@@ -29,12 +29,24 @@ const routes: RouteRecordRaw[] = [
       {
         name: 'Menu2',
         path: 'menu2',
-        component: () => import('@/views/nested/menu-2.vue'),
         meta: {
           icon: 'ic:round-menu',
           keepAlive: true,
           title: $t('page.nested.menu2'),
         },
+        redirect: '/nested/menu2/menu2-1',
+        children: [
+          {
+            name: 'Menu21',
+            path: 'menu2-1',
+            component: () => import('@/views/nested/menu-2-1.vue'),
+            meta: {
+              icon: 'ic:round-menu',
+              keepAlive: true,
+              title: $t('page.nested.menu21'),
+            },
+          },
+        ],
       },
       {
         name: 'Menu3',
diff --git a/apps/web-antd/src/views/nested/menu-1.vue b/apps/web-antd/src/views/nested/menu-1.vue
index 5e4d7886..cf24d69a 100644
--- a/apps/web-antd/src/views/nested/menu-1.vue
+++ b/apps/web-antd/src/views/nested/menu-1.vue
@@ -1,16 +1,9 @@
 <script lang="ts" setup>
-import { onMounted } from 'vue';
+import { Fallback } from '@vben/universal-ui';
 
 defineOptions({ name: 'Menu1' });
-
-onMounted(() => {
-  // eslint-disable-next-line no-console
-  console.log('Menu1');
-});
 </script>
+
 <template>
-  <div class="p-5">
-    menu1
-    <input class="bg-background border-border" />
-  </div>
+  <Fallback status="hello" />
 </template>
diff --git a/apps/web-antd/src/views/nested/menu-2-1.vue b/apps/web-antd/src/views/nested/menu-2-1.vue
new file mode 100644
index 00000000..3963122a
--- /dev/null
+++ b/apps/web-antd/src/views/nested/menu-2-1.vue
@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { Fallback } from '@vben/universal-ui';
+
+defineOptions({ name: 'Menu21' });
+</script>
+
+<template>
+  <Fallback status="hello" />
+</template>
diff --git a/apps/web-antd/src/views/nested/menu-2.vue b/apps/web-antd/src/views/nested/menu-2.vue
deleted file mode 100644
index f563a887..00000000
--- a/apps/web-antd/src/views/nested/menu-2.vue
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts" setup>
-import { onMounted } from 'vue';
-
-defineOptions({ name: 'Menu2' });
-
-onMounted(() => {
-  // eslint-disable-next-line no-console
-  console.log('Menu2');
-});
-</script>
-<template>
-  <div class="p-5">
-    menu2
-    <input class="bg-background border-border" />
-  </div>
-</template>
diff --git a/apps/web-antd/src/views/nested/menu-3-1.vue b/apps/web-antd/src/views/nested/menu-3-1.vue
index 806a7cb0..f1cb4ab0 100644
--- a/apps/web-antd/src/views/nested/menu-3-1.vue
+++ b/apps/web-antd/src/views/nested/menu-3-1.vue
@@ -1,15 +1,9 @@
 <script lang="ts" setup>
-import { onMounted } from 'vue';
+import { Fallback } from '@vben/universal-ui';
 
 defineOptions({ name: 'Menu31' });
-onMounted(() => {
-  // eslint-disable-next-line no-console
-  console.log('Menu3-1');
-});
 </script>
+
 <template>
-  <div class="p-5">
-    Menu3-1
-    <input class="bg-background border-border" />
-  </div>
+  <Fallback status="hello" />
 </template>
diff --git a/apps/web-antd/src/views/nested/menu-3-2-1.vue b/apps/web-antd/src/views/nested/menu-3-2-1.vue
index 5099d28b..a79d0f85 100644
--- a/apps/web-antd/src/views/nested/menu-3-2-1.vue
+++ b/apps/web-antd/src/views/nested/menu-3-2-1.vue
@@ -1,15 +1,9 @@
 <script lang="ts" setup>
-import { onMounted } from 'vue';
+import { Fallback } from '@vben/universal-ui';
 
 defineOptions({ name: 'Menu321' });
-onMounted(() => {
-  // eslint-disable-next-line no-console
-  console.log('Menu3-2-1');
-});
 </script>
+
 <template>
-  <div class="p-5">
-    menu-3-2-1
-    <input class="bg-background border-border" />
-  </div>
+  <Fallback status="hello" />
 </template>
diff --git a/packages/business/universal-ui/src/fallback/fallback.vue b/packages/business/universal-ui/src/fallback/fallback.vue
index 6dba4758..7bdfa405 100644
--- a/packages/business/universal-ui/src/fallback/fallback.vue
+++ b/packages/business/universal-ui/src/fallback/fallback.vue
@@ -136,14 +136,14 @@ function refresh() {
       <slot v-if="$slots.title" name="title"></slot>
       <p
         v-else-if="titleText"
-        class="text-foreground mt-12 text-3xl md:text-4xl lg:text-5xl"
+        class="text-foreground mt-8 text-2xl md:text-3xl lg:text-4xl"
       >
         {{ titleText }}
       </p>
       <slot v-if="$slots.describe" name="describe"></slot>
       <p
         v-else-if="descText"
-        class="text-muted-foreground md:text-md my-6 lg:text-lg"
+        class="text-muted-foreground md:text-md my-4 lg:text-lg"
       >
         {{ descText }}
       </p>
diff --git a/packages/locales/src/langs/en-US.yaml b/packages/locales/src/langs/en-US.yaml
index 22545cc5..4cc926fd 100644
--- a/packages/locales/src/langs/en-US.yaml
+++ b/packages/locales/src/langs/en-US.yaml
@@ -109,6 +109,7 @@ page:
     page: Nested Menu
     menu1: Menu 1
     menu2: Menu 2
+    menu21: Menu 2-1
     menu3: Menu 3
     menu31: Menu 3-1
     menu32: Menu 3-2
diff --git a/packages/locales/src/langs/zh-CN.yaml b/packages/locales/src/langs/zh-CN.yaml
index e327a8d8..a33bba32 100644
--- a/packages/locales/src/langs/zh-CN.yaml
+++ b/packages/locales/src/langs/zh-CN.yaml
@@ -108,6 +108,7 @@ page:
     page: 嵌套菜单
     menu1: 菜单 1
     menu2: 菜单 2
+    menu21: 菜单 2-1
     menu3: 菜单 3
     menu31: 菜单 3-1
     menu32: 菜单 3-2