feat: 空示例模块

pany-ang · pany-ang · commit c4e47fc2bd5d · 2025-02-22T16:26:40.000+08:00
diff --git a/src/pages/home/components/Title.vue b/src/pages/home/components/Title.vue
@@ -0,0 +1,13 @@
+<script setup lang="ts">
+interface Props {
+  text: string
+}
+
+const props = defineProps<Props>()
+</script>
+
+<template>
+  <span un-pl-16px un-color-hex-969799 un-text-14px un-fw400>
+    {{ props.text }}
+  </span>
+</template>
diff --git a/src/pages/home/index.vue b/src/pages/home/index.vue
@@ -1,24 +1,33 @@
 <script setup lang="ts">
-import { demoRoutes, systemRoutes } from "@/router"
+import { demoRoutes, emptyDemoRoutes, systemRoutes } from "@/router"
 import Description from "@@/components/Description.vue"
 import Cell from "./components/Cell.vue"
+import Title from "./components/Title.vue"
 </script>
 
 <template>
   <div un-px-20px un-py-26px un-select-none>
     <Description un-pl-16px />
     <div un-mt-40px>
-      <span un-pl-16px un-color-hex-969799 un-text-14px un-fw400>
-        示例集合
-      </span>
+      <Title text="示例集合" />
       <Cell
         v-for="route in [...demoRoutes, ...systemRoutes]"
         :key="route.path"
         :title="route.meta?.title || ''"
         :path="route.path"
         un-mt-12px
       />
-      <van-divider>🔥 更多优秀示例，期待你的 PR 👏🏻</van-divider>
     </div>
+    <div un-my-20px>
+      <Title text="空示例集合" />
+      <Cell
+        v-for="route in emptyDemoRoutes"
+        :key="route.path"
+        :title="route.meta?.title || ''"
+        :path="route.path"
+        un-mt-12px
+      />
+    </div>
+    <van-divider>🔥 更多优秀示例，期待你的 PR 👏🏻</van-divider>
   </div>
 </template>
diff --git a/src/router/index.ts b/src/router/index.ts
@@ -140,7 +140,10 @@ export const demoRoutes: RouteRecordRaw[] = [
         }
       }
     }
-  },
+  }
+]
+
+export const emptyDemoRoutes: RouteRecordRaw[] = [
   {
     path: "/i18n",
     component: () => import("@/pages/demo/i18n.vue"),
@@ -160,7 +163,7 @@ export const demoRoutes: RouteRecordRaw[] = [
 /** 路由实例 */
 export const router = createRouter({
   history: VITE_ROUTER_HISTORY === "hash" ? createWebHashHistory(VITE_PUBLIC_PATH) : createWebHistory(VITE_PUBLIC_PATH),
-  routes: [...systemRoutes, ...routes, ...demoRoutes]
+  routes: [...systemRoutes, ...routes, ...demoRoutes, ...emptyDemoRoutes]
 })
 
 // 注册路由导航守卫

Original file line number	Diff line number	Diff line change
`@@ -140,7 +140,10 @@ export const demoRoutes: RouteRecordRaw[] = [`
`140`	`140`	`}`
`141`	`141`	`}`
`142`	`142`	`}`
`143`		`- },`
	`143`	`+ }`
	`144`	`+]`
	`145`	`+`
	`146`	`+export const emptyDemoRoutes: RouteRecordRaw[] = [`
`144`	`147`	`{`
`145`	`148`	`path: "/i18n",`
`146`	`149`	`component: () => import("@/pages/demo/i18n.vue"),`
`@@ -160,7 +163,7 @@ export const demoRoutes: RouteRecordRaw[] = [`
`160`	`163`	`/** 路由实例 */`
`161`	`164`	`export const router = createRouter({`
`162`	`165`	`history: VITE_ROUTER_HISTORY === "hash" ? createWebHashHistory(VITE_PUBLIC_PATH) : createWebHistory(VITE_PUBLIC_PATH),`
`163`		`- routes: [...systemRoutes, ...routes, ...demoRoutes]`
	`166`	`+ routes: [...systemRoutes, ...routes, ...demoRoutes, ...emptyDemoRoutes]`
`164`	`167`	`})`
`165`	`168`
`166`	`169`	`// 注册路由导航守卫`