upd: site 官网demo优化

src/sites/doc/views/Index.vue

@@ -156,7 +156,7 @@ export default defineComponent({
         padding: 10px 25px;
         height: 100%;
         cursor: pointer;
-        font-size: 20px;
+        font-size: 16px;
         color: #323232;
         text-align: center;
         border-radius: 4px;

src/sites/mobile/App.vue

@@ -38,9 +38,11 @@ export default defineComponent({
         const { hash } = window.top.location;
         if (!isMobile && route.hash != hash) {
           // window.top.location.replace(`${origin}${pathname}#/${route.hash}`);
-          title.value = route.name as string;
+          title.value =
+            (route?.meta?.ComponentName as string) || (route.name as string);
         } else {
-          title.value = route.name as string;
+          title.value =
+            (route?.meta?.ComponentName as string) || (route.name as string);
         }
       },
       {

src/sites/mobile/router.ts

@@ -1,6 +1,7 @@
 import { createRouter, createWebHashHistory, RouteRecordRaw } from 'vue-router';
 import Index from './components/Index.vue';
 import IndexTaro from './components/IndexTaro.vue';
+import { nav } from '../../config.json';
 const routes: Array<RouteRecordRaw> = [
   {
     path: '/',
@@ -20,6 +21,20 @@ const routes: Array<RouteRecordRaw> = [
 //   });
 // });
 
+const findComponentName = (name: string) => {
+  for (const key in nav) {
+    if (Object.prototype.hasOwnProperty.call(nav, key)) {
+      const element = nav[key];
+      let idx = element.packages.findIndex(
+        (i) => i.name.toLowerCase() === name
+      );
+      if (idx !== -1) {
+        return element.packages[idx].name;
+      }
+    }
+  }
+};
+
 /** vite */
 const modulesPage = import.meta.glob('/src/packages/__VUE/**/demo.vue');
 
@@ -28,13 +43,19 @@ for (const path in modulesPage) {
   routes.push({
     path: '/' + name,
     component: modulesPage[path],
-    name
+    name,
+    meta: {
+      ComponentName: findComponentName(name)
+    }
   });
 
   routes.push({
     path: '/' + name + '-taro',
     component: IndexTaro,
-    name: name + '-taro'
+    name: name + '-taro',
+    meta: {
+      ComponentName: findComponentName(name)
+    }
   });
 }