修复一级头部栏bug

src/components/HomeComponents/NavBar.vue

@@ -71,50 +71,6 @@
         </a>
       </div>
       </div>
-
-<!--      <div id="navbar-dropdown" class="w-full md:block md:w-auto">-->
-<!--        <ul class="flex flex-col font-medium p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:space-x-8 rtl:space-x-reverse md:flex-row md:mt-0 md:border-0 md:bg-white">-->
-<!--          <li>-->
-<!--            <a  aria-current="page" id="home"  class=" nav-link block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-500 md:p-0" href="/"  onclick="changeColor('home')">-->
-<!--              首页-->
-<!--            </a>-->
-
-<!--          </li>-->
-<!--          <li>-->
-<!--            <a id="project" class=" nav-link block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="/Project" onclick="changeColor('projects')">-->
-<!--              项目-->
-<!--            </a>-->
-<!--          </li>-->
-<!--          <li class="relative">-->
-<!--            <button id="about" class="  nav-link flex items-center justify-between w-full py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0 md:w-auto" data-dropdown-toggle="dropdownNavbar" @click="changeColor('about')">-->
-<!--              关于-->
-<!--              <svg aria-hidden="true" class="w-2.5 h-2.5 ms-2.5" fill="none" viewBox="0 0 10 6" xmlns="http://www.w3.org/2000/svg">-->
-<!--                <path d="m1 1 4 4 4-4" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"/>-->
-<!--              </svg>-->
-<!--            </button>-->
-<!--            &lt;!&ndash; Dropdown menu &ndash;&gt;-->
-<!--            <div v-if="isDropdownOpen" id="dropdownNavbar" class="absolute font-normal bg-white divide-y divide-gray-100 rounded-lg shadow w-44">-->
-<!--              <ul aria-labelledby="dropdownLargeButton" class="py-2 text-sm text-gray-700 dark:text-gray-400">-->
-<!--                <li>-->
-<!--                  <a class="block px-4 py-2 hover:bg-gray-100" href="#">关于我们</a>-->
-<!--                </li>-->
-<!--                <li>-->
-<!--                  <a class="block px-4 py-2 hover:bg-gray-1 00" href="#">加入我们</a>-->
-<!--                </li>-->
-<!--                <li>-->
-<!--                  <a class="block px-4 py-2 hover:bg-gray-100" href="#">项目合作</a>-->
-<!--                </li>-->
-<!--              </ul>-->
-<!--            </div>-->
-<!--          </li>-->
-<!--          <li>-->
-<!--            <a  id="team" class=" nav-link block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="#" @click="changeColor('team')">团队</a>-->
-<!--          </li>-->
-<!--          <li>-->
-<!--            <a id="new" class="  nav-link block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:border-0 md:hover:text-blue-700 md:p-0" href="/New" @click="changeColor('new')">新闻</a>-->
-<!--          </li>-->
-<!--        </ul>-->
-<!--      </div>-->
         <a-menu v-model:selectedKeys="current" mode="horizontal" :items="items" />
     </div>
   </nav>
@@ -193,12 +149,13 @@ const items = ref([
         label: '新闻',}
 
 ]);
-const appValue = current[0].key; // 使用点号访问属性
+// const appValue = current[0].key; // 使用点号访问属性
-const current = ref();
+const current = ref(['mail']);
 // 传对应key给current但是没用怎么回事
 function updateCurrent(key) {
+  console.log("key",key)
     current.value = [key];
-    console.log('6666',current.value)
+    console.log('6666',current)
 
 }
 const router = useRouter()

src/router/index.js

@@ -6,7 +6,15 @@ const router = createRouter({
     {
       path:'/',
       name:'app',
-      component:()=>import('../views/HomePage/IndexView.vue')
+      component:()=>import('../views/HomePage/IndexView.vue'),
+      children:[{
+        path: "/",
+        component:() => import ('../views/HomePage/Main.vue')
+      },{
+        path:'/Project',
+        name:'Project',
+        component:()=>import('@/views/ProjectPage/ProjectCard.vue')
+      }]
     },
     {
       path:'/login',
@@ -23,11 +31,7 @@ const router = createRouter({
       name:'Login',
       component:() =>import('@/views/AuthPage/Login.vue')
     },
-    {
+
-      path:'/Project',
-      name:'Project',
-      component:()=>import('@/views/ProjectPage/ProjectDefaultPage.vue')
-    },
     {
       path:'/Manager',
       name:'Manager',

src/views/HomePage/IndexView.vue

@@ -2,11 +2,7 @@
   <div class="w-[100%] h-auto">
     <div class="flex flex-col">
       <NavBar/>
-      <Carousel/>
+      <router-view></router-view>
-      <ProjectList/>
-      <TeamProfile/>
-      <NewProfile/>
-      <ExcellentMember/>
       <More/>
       <Icp/>
     </div>
@@ -24,7 +20,7 @@ initFlowbite();
 
 <script>
 import NavBar from "@/components/HomeComponents/NavBar.vue";
-import Carousel from "@/components/HomeComponents/Carousel.vue";
+
 import Icp from "@/components/HomeComponents/Icp.vue";
 import More from "@/components/HomeComponents/More.vue";
 import NewProfile from "@/components/HomeComponents/NewProfile.vue";

src/views/HomePage/Main.vue

@@ -0,0 +1,16 @@
+<template>
+  <Carousel/>
+  <ProjectList/>
+  <TeamProfile/>
+  <NewProfile/>
+  <ExcellentMember/>
+</template>
+
+<script setup>
+import NewProfile from "@/components/HomeComponents/NewProfile.vue";
+import ProjectList from "@/components/HomeComponents/ProjectList.vue";
+import TeamProfile from "@/components/HomeComponents/TeamProfile.vue";
+import ExcellentMember from "@/components/HomeComponents/ExcellentMember.vue";
+import Carousel from "@/components/HomeComponents/Carousel.vue";
+
+</script>