头部导航

app/components/AppHeader.vue

@@ -6,13 +6,32 @@ const route = useRoute()
 const items = computed<NavigationMenuItem[]>(() => [
   {
     label: '首页',
-    to: '/docs/getting-started',
-    active: route.path.startsWith('/docs/getting-started')
+    to: '/',
+
   },
   {
     label: '共享解决方案',
-    to: '/docs/components',
-    active: route.path.startsWith('/docs/components')
+
+    active: route.path.startsWith('/sharedSolutions'),
+    children: [
+      {
+        label: '共享电动车',
+        icon: 'i-lucide-file-text',
+        description: '通过扫码开锁，循环共享',
+        to: '/sharedSolutions/eBike',
+      }, {
+        label: '共享电动车',
+        icon: 'i-lucide-file-text',
+        description: '通过扫码开锁，循环共享',
+        to: '/sharedSolutions/eBike',
+      }, {
+        label: '共享电动车',
+        icon: 'i-lucide-file-text',
+        description: '通过扫码开锁，循环共享',
+        to: '/sharedSolutions/eBike',
+      },
+
+    ]
   },
   {
     label: '行业解决方案',
@@ -52,16 +71,6 @@ const items = computed<NavigationMenuItem[]>(() => [
 
     <template #right>
       <ColorModeButton/>
-      <!--      <UTooltip :kbds="['meta', 'G']" text="Open on GitHub">-->
-      <!--        <UButton-->
-      <!--            aria-label="GitHub"-->
-      <!--            color="neutral"-->
-      <!--            icon="i-simple-icons-github"-->
-      <!--            target="_blank"-->
-      <!--            to="https://github.com/nuxt/ui"-->
-      <!--            variant="ghost"-->
-      <!--        />-->
-      <!--      </UTooltip>-->
     </template>
     <template #body>
       <div class="px-4 py-2">

app/layouts/default.vue

@@ -3,12 +3,10 @@
 
 <template>
   <div>
-    <UContainer>
-      <AppHeader :links="navLinks"/>
-      <slot/>
-      <DevelopNews/>
-      <BottomNavigation/>
-      <AppFooter/>
-    </ucontainer>
+    <AppHeader/>
+    <slot/>
+    <DevelopNews/>
+    <BottomNavigation/>
+    <AppFooter/>
   </div>
 </template>

app/pages/sharedSolutions/eBike.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+
+</script>
+
+<template>
+  <view>
+    <IndexItem1/>
+    <IndexItem2/>
+    <IndexItem3/>
+    <IndexItem4/>
+    <IndexItem5/>
+  </view>
+</template>
+
+<style scoped>
+
+</style>

app/utils/links.ts

@@ -1,23 +0,0 @@
-import type {NavigationMenuItem} from '@nuxt/ui'
-
-export const navLinks: NavigationMenuItem[] = [{
-    label: '首页',
-
-    to: '/'
-}, {
-    label: '主营产品',
-
-
-}, {
-    label: '新闻资讯',
-
-
-}, {
-    label: '发展史',
-
-
-}, {
-    label: '关于我们',
-
-
-}]