diff --git a/src/assets/images/img12jpg.jpg b/src/assets/images/img12jpg.jpg
deleted file mode 100644
index d4f162b..0000000
Binary files a/src/assets/images/img12jpg.jpg and /dev/null differ
diff --git a/src/assets/images/img21jpg.jpg b/src/assets/images/img21jpg.jpg
deleted file mode 100644
index 4ecfa38..0000000
Binary files a/src/assets/images/img21jpg.jpg and /dev/null differ
diff --git a/src/assets/images/img27jpg.jpg b/src/assets/images/img27jpg.jpg
deleted file mode 100644
index 7489694..0000000
Binary files a/src/assets/images/img27jpg.jpg and /dev/null differ
diff --git a/src/components/MainPage/NavBar.vue b/src/components/MainPage/NavBar.vue
index 14939ce..32a3ac5 100644
--- a/src/components/MainPage/NavBar.vue
+++ b/src/components/MainPage/NavBar.vue
@@ -26,7 +26,9 @@
             </a>
           </li>
           <li>
-            <a href="#" class="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 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">项目</a>
+            <a href="/Project" @click="changeColor" class="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 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">
+              项目
+            </a>
           </li>
           <li class="relative">
             <button @click="toggleDropdown()" id="dropdownNavbarLink" data-dropdown-toggle="dropdownNavbar" class="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 dark:text-white md:dark:hover:text-blue-500 dark:focus:text-white dark:border-gray-700 dark:hover:bg-gray-700 md:dark:hover:bg-transparent">
@@ -66,12 +68,17 @@ export default {
   data() {
     return {
       isDropdownOpen: false,
+      textColor: 'black',
     };
   },
   methods: {
     toggleDropdown() {
       this.isDropdownOpen = !this.isDropdownOpen;
     },
+    changeColor() {
+      // 当按钮被点击时，将文字颜色改为蓝色
+      this.textColor = 'blue';
+    },
   },
 };
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/MainPage/NewProfile.vue b/src/components/MainPage/NewProfile.vue
index c99b487..2766230 100644
--- a/src/components/MainPage/NewProfile.vue
+++ b/src/components/MainPage/NewProfile.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mt-40 w-full">
-    <div class="md:container mx-auto">
+    <div class="md:container mx-auto md:w-3/4">
       <div class="flex items-center">
         <h2 class="text-3xl font-bold dark:text-white">新闻</h2>
         <div @mouseover="LearnMore8=true" @mouseleave="LearnMore8=false" class="ml-auto">
diff --git a/src/components/MainPage/ProjectList.vue b/src/components/MainPage/ProjectList.vue
index 9f706f8..1fb5390 100644
--- a/src/components/MainPage/ProjectList.vue
+++ b/src/components/MainPage/ProjectList.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mt-40 w-full">
-    <div class="md:container mx-auto">
+    <div class="container mx-auto md:w-3/4">
       <div class="flex items-center">
         <h2 class="text-3xl font-bold">项目展示</h2>
         <div @mouseover="LearnMore0=true" @mouseleave="LearnMore0=false" class="ml-auto">
diff --git a/src/components/MainPage/TeamProfile.vue b/src/components/MainPage/TeamProfile.vue
index cfb9904..eb1c867 100644
--- a/src/components/MainPage/TeamProfile.vue
+++ b/src/components/MainPage/TeamProfile.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="w-full mt-40">
-    <div class="container mx-auto">
+    <div class="md:container md:w-3/4 mx-auto">
       <div class="flex">
         <h2 class="text-3xl font-bold mb-6">
           关于
diff --git a/src/components/ProjectDisplay/DefaultPage.vue b/src/components/ProjectDisplay/DefaultPage.vue
new file mode 100644
index 0000000..8b8dcd2
--- /dev/null
+++ b/src/components/ProjectDisplay/DefaultPage.vue
@@ -0,0 +1,30 @@
+<template>
+  <div class="relative w-[100%] min-h-screen">
+    <div class="flex flex-col">
+      <NavBar/>
+      <ProjectCard/>
+    </div>
+    <div class="w-full fixed bottom-0">
+      <Icp/>
+    </div>
+  </div>
+</template>
+<script>
+import NavBar from "@/components/MainPage/NavBar.vue";
+import More from "@/components/MainPage/More.vue";
+import ProjectDetails from "@/components/ProjectDisplay/ProjectCard.vue";
+import ProjectCard from "@/components/ProjectDisplay/ProjectCard.vue";
+import Icp from "@/components/MainPage/Icp.vue";
+
+
+
+
+export default {
+  data(){
+    return{
+
+    }
+  },
+  components:{Icp, ProjectCard, ProjectDetails, More, NavBar},
+}
+</script>
\ No newline at end of file
diff --git a/src/components/ProjectDisplay/ProjectCard.vue b/src/components/ProjectDisplay/ProjectCard.vue
new file mode 100644
index 0000000..5398e56
--- /dev/null
+++ b/src/components/ProjectDisplay/ProjectCard.vue
@@ -0,0 +1,194 @@
+<template>
+  <div class="w-full min-h-screen mt-2">
+    <div class="container mx-auto w-3/4">
+      <nav class="bg-white border-gray-200 dark:bg-gray-900">
+        <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
+          <div class="hidden w-full md:block md:w-auto" id="navbar-default">
+            <ul class="font-medium flex flex-col p-4 md:p-0 mt-4 border border-gray-100 rounded-lg bg-gray-50 md:flex-row md:space-x-8 rtl:space-x-reverse md:mt-0 md:border-0 md:bg-white dark:bg-gray-800 md:dark:bg-gray-900 dark:border-gray-700">
+              <li>
+                <a href="#" class="block py-2 px-3 text-white bg-blue-700 rounded md:bg-transparent md:text-blue-700 md:p-0 dark:text-white md:dark:text-blue-500" aria-current="page">全部</a>
+              </li>
+              <li>
+                <a href="#" class="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 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Web</a>
+              </li>
+              <li>
+                <a href="#" class="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 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">Ai</a>
+              </li>
+              <li>
+                <a href="#" class="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 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">App</a>
+              </li>
+              <li>
+                <a href="#" class="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 dark:text-white md:dark:hover:text-blue-500 dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent">大数据</a>
+              </li>
+            </ul>
+          </div>
+          <div class="text-gray-800 flex space-x-5">
+            <label>
+              <input type="checkbox"/>
+              未开始
+            </label>
+            <label>
+              <input type="checkbox"/>
+              进行中
+            </label>
+            <label>
+              <input type="checkbox"/>
+              已完成
+            </label>
+          </div>
+        </div>
+      </nav>
+      <div class="w-full h-full mt-2">
+        <div class="flex flex-col mx-auto space-y-8">
+           <div class="flex space-x-12">
+             <div @mouseover="LearnMore1=true" @mouseleave="LearnMore1=false" class="flex-1 relative transition-transform transform-gpu hover:scale-105 border-gray-400 shadow-lg h-80 w-1/4 bg-cover bg-center bg-[url('@/assets/images/img21.jpg')]">
+               <div class="flex items-center">
+                 <div class="flex absolute bottom-0 min-h-[30%] w-full" :class="{'bg-white':LearnMore1}">
+                   <h5 class="ml-8 mt-6 text-2xl font-bold tracking-tight text-gray-900" v-if="LearnMore1">项目标题</h5>
+                   <div class="ml-auto mr-10">
+                     <button v-if="LearnMore1" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
+                       <svg class="rtl:rotate-180 w-4 h-4 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                       </svg>
+                     </button>
+                   </div>
+                 </div>
+               </div>
+             </div>
+             <div @mouseover="LearnMore2=true" @mouseleave="LearnMore2=false" class="flex-1 relative transition-transform transform-gpu hover:scale-105 border-gray-400 shadow-lg h-80 w-1/4 bg-cover bg-center bg-[url('@/assets/images/img22.jpg')]">
+               <div class="flex items-center">
+                 <div class="flex absolute bottom-0 min-h-[30%] w-full" :class="{'bg-white':LearnMore2}">
+                   <h5 class="ml-8 mt-6 text-2xl font-bold tracking-tight text-gray-900" v-if="LearnMore2">项目标题</h5>
+                   <div class="ml-auto mr-10">
+                     <button v-if="LearnMore2" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
+                       <svg class="rtl:rotate-180 w-4 h-4 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                       </svg>
+                     </button>
+                   </div>
+                 </div>
+               </div>
+             </div>
+             <div @mouseover="LearnMore3=true" @mouseleave="LearnMore3=false" class="flex-1 relative transition-transform transform-gpu hover:scale-105 border-gray-400 shadow-lg h-80 w-1/4 bg-cover bg-center bg-[url('@/assets/images/img23.jpg')]">
+               <div class="flex items-center">
+                 <div class="flex absolute bottom-0 min-h-[30%] w-full" :class="{'bg-white':LearnMore3}">
+                   <h5 class="ml-8 mt-6 text-2xl font-bold tracking-tight text-gray-900" v-if="LearnMore3">项目标题</h5>
+                   <div class="ml-auto mr-10">
+                     <button v-if="LearnMore3" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
+                       <svg class="rtl:rotate-180 w-4 h-4 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                       </svg>
+                     </button>
+                   </div>
+                 </div>
+               </div>
+             </div>
+           </div>
+          <div class="flex space-x-12">
+            <div @mouseover="LearnMore4=true" @mouseleave="LearnMore4=false" class="flex-1 relative transition-transform transform-gpu hover:scale-105 border-gray-400 shadow-lg h-80 w-1/4 bg-cover bg-center bg-[url('@/assets/images/img24.jpg')]">
+              <div class="flex items-center">
+                <div class="flex absolute bottom-0 min-h-[30%] w-full" :class="{'bg-white':LearnMore4}">
+                  <h5 class="ml-8 mt-6 text-2xl font-bold tracking-tight text-gray-900" v-if="LearnMore4">项目标题</h5>
+                  <div class="ml-auto mr-10">
+                    <button v-if="LearnMore4" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
+                      <svg class="rtl:rotate-180 w-4 h-4 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div @mouseover="LearnMore5=true" @mouseleave="LearnMore5=false" class="flex-1 relative transition-transform transform-gpu hover:scale-105 border-gray-400 shadow-lg h-80 w-1/4 bg-cover bg-center bg-[url('@/assets/images/img25.jpg')]">
+              <div class="flex items-center">
+                <div class="flex absolute bottom-0 min-h-[30%] w-full" :class="{'bg-white':LearnMore5}">
+                  <h5 class="ml-8 mt-6 text-2xl font-bold tracking-tight text-gray-900" v-if="LearnMore5">项目标题</h5>
+                  <div class="ml-auto mr-10">
+                    <button v-if="LearnMore5" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
+                      <svg class="rtl:rotate-180 w-4 h-4 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+            <div @mouseover="LearnMore6=true" @mouseleave="LearnMore6=false" class="flex-1 relative transition-transform transform-gpu hover:scale-105 border-gray-400 shadow-lg h-80 w-1/4 bg-cover bg-center bg-[url('@/assets/images/img26.jpg')]">
+              <div class="flex items-center">
+                <div class="flex absolute bottom-0 min-h-[30%] w-full" :class="{'bg-white':LearnMore6}">
+                  <h5 class="ml-8 mt-6 text-2xl font-bold tracking-tight text-gray-900" v-if="LearnMore6">项目标题</h5>
+                  <div class="ml-auto mr-10">
+                    <button v-if="LearnMore6" class="mt-8 w-6 h-6 flex items-center justify-center bg-green-400 text-black rounded-full transition duration-300 ease-in-out transform hover:scale-105">
+                      <svg class="rtl:rotate-180 w-4 h-4 text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 14 10">
+                        <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 5h12m0 0L9 1m4 4L9 9"/>
+                      </svg>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <nav aria-label="Page navigation example" class="mt-10">
+        <ul class="flex items-center -space-x-px h-10 text-base">
+          <li>
+            <a href="#" class="flex items-center justify-center px-4 h-10 ms-0 leading-tight text-gray-500 bg-white border border-e-0 border-gray-300 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+              <span class="sr-only">Previous</span>
+              <svg class="w-3 h-3 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
+                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 1 1 5l4 4"/>
+              </svg>
+            </a>
+          </li>
+          <li>
+            <a href="#" aria-current="page" class="flex items-center justify-center px-4 h-10 leading-tight text-blue-600 bg-blue-50 border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+              1
+            </a>
+          </li>
+          <li>
+            <a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+              2
+            </a>
+          </li>
+          <li>
+            <a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-blue-300  hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white">
+              3
+            </a>
+          </li>
+          <li>
+            <a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+              4
+            </a>
+          </li>
+          <li>
+            <a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+              5
+            </a>
+          </li>
+          <li>
+            <a href="#" class="flex items-center justify-center px-4 h-10 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white">
+              <span class="sr-only">Next</span>
+              <svg class="w-3 h-3 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
+                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 9 4-4-4-4"/>
+              </svg>
+            </a>
+          </li>
+        </ul>
+      </nav>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  data() {
+    return {
+      LearnMore1:false,
+      LearnMore2:false,
+      LearnMore3:false,
+      LearnMore4:false,
+      LearnMore5:false,
+      LearnMore6:false,
+    };
+  },
+};
+</script>
\ No newline at end of file
diff --git a/src/components/register.vue b/src/components/register.vue
index 74c631b..c59c9ea 100644
--- a/src/components/register.vue
+++ b/src/components/register.vue
@@ -1,11 +1,11 @@
 <template>
   <div class="relative min-h-screen w-full bg-gray-200">
-    <nav class="text-base z-50 sticky top-0 bg-white border-gray-200 dark:bg-gray-900 dark:border-gray-700">
+    <nav class="text-base z-50 sticky top-0 bg-white border-gray-200">
       <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto p-4">
         <a href="/" class="flex items-center space-x-3 rtl:space-x-reverse">
-          <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white">LOGO</span>
+          <span class="self-center text-2xl font-semibold whitespace-nowrap">LOGO</span>
         </a>
-        <button data-collapse-toggle="navbar-dropdown" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600" aria-controls="navbar-dropdown" aria-expanded="false">
+        <button data-collapse-toggle="navbar-dropdown" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200" aria-controls="navbar-dropdown" aria-expanded="false">
           <span class="sr-only">Open main menu</span>
           <svg class="w-5 h-5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 17 14">
             <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
@@ -15,88 +15,91 @@
     </nav>
     <div class="flex items-center justify-center">
       <div class="container mx-auto mt-20 mb-40">
-        <div class="mx-auto w-1/4 bg-white border border-gray-200 shadow p-6">
-          <h2 class="text-3xl font-bold text-center text-gray-900 dark:text-white mt-2">用户注册</h2>
-          <form class="w-full mx-auto flex flex-col space-y-3">
+        <div class="mx-auto max-w-md bg-white border border-gray-200 shadow p-6">
+          <h2 class="text-3xl font-bold text-center text-gray-900 mt-2">用户注册</h2>
+          <form class="w-full mx-auto flex flex-col space-y-4">
             <div>
-              <label for="website-admin" class="block text-sm font-medium text-gray-900 dark:text-white">用户名</label>
+              <label for="website-admin" class="block text-sm font-medium text-gray-900">用户名</label>
               <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
                   <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 14 18">
                     <path d="M7 9a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9Zm2 1H5a5.006 5.006 0 0 0-5 5v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2a5.006 5.006 0 0 0-5-5Z"/>
                   </svg>
                 </span>
-                <input type="text" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <input type="text" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5">
               </div>
             </div>
             <div>
-              <label for="password" class="block text-sm font-medium text-gray-900 dark:text-white">密码</label>
+              <label for="password" class="block text-sm font-medium text-gray-900">密码</label>
               <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
                   <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 16 20">
                     <path d="M14 7h-1.5V4.5a4.5 4.5 0 1 0-9 0V7H2a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2Zm-5 8a1 1 0 1 1-2 0v-3a1 1 0 1 1 2 0v3Zm1.5-8h-5V4.5a2.5 2.5 0 1 1 5 0V7Z"/>
                   </svg>
                 </span>
-                <input type="password" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <input type="password" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5">
               </div>
             </div>
             <div>
-              <label for="address" class="block text-sm font-medium text-gray-900 dark:text-white">地址</label>
+              <label for="address" class="block text-sm font-medium text-gray-900">地址</label>
               <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
                   <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                     <path d="m19.707 9.293-2-2-7-7a1 1 0 0 0-1.414 0l-7 7-2 2a1 1 0 0 0 1.414 1.414L2 10.414V18a2 2 0 0 0 2 2h3a1 1 0 0 0 1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v4a1 1 0 0 0 1 1h3a2 2 0 0 0 2-2v-7.586l.293.293a1 1 0 0 0 1.414-1.414Z"/>
                    </svg>
                 </span>
-                <input type="text" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <input type="text" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5">
               </div>
             </div>
             <div>
               <label for="phone" class="block text-sm font-medium text-gray-900 dark:text-white">手机号</label>
               <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
                   <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 19 18">
                     <path d="M18 13.446a3.02 3.02 0 0 0-.946-1.985l-1.4-1.4a3.054 3.054 0 0 0-4.218 0l-.7.7a.983.983 0 0 1-1.39 0l-2.1-2.1a.983.983 0 0 1 0-1.389l.7-.7a2.98 2.98 0 0 0 0-4.217l-1.4-1.4a2.824 2.824 0 0 0-4.218 0c-3.619 3.619-3 8.229 1.752 12.979C6.785 16.639 9.45 18 11.912 18a7.175 7.175 0 0 0 5.139-2.325A2.9 2.9 0 0 0 18 13.446Z"/>
                   </svg>
                 </span>
-                <input type="tel" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <input type="tel" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5">
               </div>
             </div>
             <div>
               <label for="email" class="block text-sm font-medium text-gray-900 dark:text-white">邮箱</label>
               <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
                   <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 16">
                     <path d="m10.036 8.278 9.258-7.79A1.979 1.979 0 0 0 18 0H2A1.987 1.987 0 0 0 .641.541l9.395 7.737Z"/>
                     <path d="M11.241 9.817c-.36.275-.801.425-1.255.427-.428 0-.845-.138-1.187-.395L0 2.6V14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V2.5l-8.759 7.317Z"/>
                   </svg>
                 </span>
-                <input type="email" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
-              </div>
-            </div>
-            <div>
-              <label for="sex" class="block text-sm font-medium text-gray-900 dark:text-white">性别</label>
-              <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
-                  <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
-                    <path d="M10 0a10 10 0 1 0 10 10A10.011 10.011 0 0 0 10 0Zm0 5a3 3 0 1 1 0 6 3 3 0 0 1 0-6Zm0 13a8.949 8.949 0 0 1-4.951-1.488A3.987 3.987 0 0 1 9 13h2a3.987 3.987 0 0 1 3.951 3.512A8.949 8.949 0 0 1 10 18Z"/>
-                  </svg>
-                </span>
-                <input type="text" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <input type="email" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5">
               </div>
             </div>
             <div>
               <label for="age" class="block text-sm font-medium text-gray-900 dark:text-white">年龄</label>
               <div class="flex">
-                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md dark:bg-gray-600 dark:text-gray-400 dark:border-gray-600">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
                   <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 20 20">
                     <path d="M0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm14-7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm-5-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm-5-4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1Zm0 4a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1ZM20 4a2 2 0 0 0-2-2h-2V1a1 1 0 0 0-2 0v1h-3V1a1 1 0 0 0-2 0v1H6V1a1 1 0 0 0-2 0v1H2a2 2 0 0 0-2 2v2h20V4Z"/>
                   </svg>
                 </span>
-                <input type="text" id="website-admin" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
+                <input type="text" class="rounded-none rounded-e-lg bg-gray-50 border border-gray-300 text-gray-900 focus:ring-blue-500 focus:border-blue-500 block flex-1 min-w-0 w-full text-sm p-2.5">
               </div>
             </div>
-              <a @click="registerUser" class="text-white bg-sky-500 hover:bg-sky-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-32 sm:w-auto mb-1 mx-8 px-10 py-2.5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">立即注册</a>
+            <div>
+              <label for="age" class="block text-sm font-medium text-gray-900">性别</label>
+              <div class="flex mb-4">
+                <span class="inline-flex items-center px-3 text-sm text-gray-900 bg-gray-200 border border-e-0 border-gray-300 rounded-s-md">
+                  <svg class="w-4 h-4 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+                    <path fill-rule="evenodd" d="M12 20a8 8 0 0 1-5-1.8v-.6c0-1.8 1.5-3.3 3.3-3.3h3.4c1.8 0 3.3 1.5 3.3 3.3v.6a8 8 0 0 1-5 1.8ZM2 12a10 10 0 1 1 10 10A10 10 0 0 1 2 12Zm10-5a3.3 3.3 0 0 0-3.3 3.3c0 1.7 1.5 3.2 3.3 3.2 1.8 0 3.3-1.5 3.3-3.3C15.3 8.6 13.8 7 12 7Z" clip-rule="evenodd"/>
+                  </svg>
+                </span>
+                <select class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-none rounded-e-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5">
+                  <option>男</option>
+                  <option>女</option>
+                </select>
+              </div>
+            </div>
+              <a @click="registerUser" class="text-white bg-sky-500 hover:bg-sky-700 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm w-32 sm:w-auto mb-1 mx-8 px-10 py-2.5 text-center">立即注册</a>
           </form>
         </div>
       </div>
@@ -108,8 +111,6 @@
 </template>
 
 
-
-
 <script setup>
 import axios from 'axios';
 import getCurrentTimestamp from '../public/methods.js';
diff --git a/src/router/index.js b/src/router/index.js
index 67d6aa6..4675b16 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -29,6 +29,11 @@ const router = createRouter({
       name:'emaillogin',
       component:()=>import('../components/EmailLogin.vue')
     },
+    {
+      path:'/Project',
+      name:'Project',
+      component:()=>import('../components/ProjectDisplay/DefaultPage.vue')
+    },
     {
       path:'/manager',
       name:'manager',