From a8b2ba7b6dff5acfc1ad769c9f2023edb28e496d Mon Sep 17 00:00:00 2001
From: GUjiYN <2946459904@qq.com>
Date: Tue, 23 Jan 2024 21:33:54 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E7=BD=AE=E5=AF=86=E7=A0=81=E3=80=81?=
 =?UTF-8?q?=E9=A1=B9=E7=9B=AE=E3=80=81=E6=96=B0=E9=97=BB=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ForgetPassword.vue             |  71 +++++++
 src/components/MainPage/NavBar.vue            |   2 +-
 src/components/MainPage/NewProfile.vue        |   2 +-
 src/components/NewPage/NewCard.vue            | 191 ++++++++++++++++++
 src/components/NewPage/NewDefaultPage.vue     |  16 ++
 .../ProjectCard.vue                           |   0
 .../ProjectDefaultPage.vue}                   |   4 +-
 src/components/login.vue                      |   9 +-
 src/router/index.js                           |  12 +-
 9 files changed, 297 insertions(+), 10 deletions(-)
 create mode 100644 src/components/ForgetPassword.vue
 create mode 100644 src/components/NewPage/NewCard.vue
 create mode 100644 src/components/NewPage/NewDefaultPage.vue
 rename src/components/{ProjectDisplay => ProjectPage}/ProjectCard.vue (100%)
 rename src/components/{ProjectDisplay/DefaultPage.vue => ProjectPage/ProjectDefaultPage.vue} (77%)

diff --git a/src/components/ForgetPassword.vue b/src/components/ForgetPassword.vue
new file mode 100644
index 0000000..efeb875
--- /dev/null
+++ b/src/components/ForgetPassword.vue
@@ -0,0 +1,71 @@
+<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">
+      <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>
+        </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">
+          <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"/>
+          </svg>
+        </button>
+      </div>
+    </nav>
+    <div class="flex items-center justify-center">
+      <div class="container mx-auto mt-20 mb-40" >
+        <div class="max-w-md mx-auto bg-white border border-gray-200 shadow p-10">
+          <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">重置密码</h2>
+          <form class="max-w-lg mx-auto w-auto">
+            <div class="mb-5 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">
+                  <svg class="w-4 h-4 text-gray-500" 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" 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" placeholder="邮箱" required>
+            </div>
+            <div class="mb-5 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">
+                <svg class="w-5 h-5 text-gray-500 dark:text-white" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+                  <path d="M3.6 6.4 12 13l8.7-6.6L13 2.3a2 2 0 0 0-2 0l-7.4 4Z"/>
+                    <path d="m22 8-8.8 6.7a2 2 0 0 1-2.4 0L2 7.7v11.2A3 3 0 0 0 5 22h14a3 3 0 0 0 3-3V8Z"/>
+                  </svg>
+              </span>
+              <div class="flex space-x-6">
+                <input type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-r-lg focus:ring-blue-500 focus:border-blue-500 block w-2/3 p-2.5" placeholder="邮箱验证码" required>
+                <button class="text-blue-500 font-medium text-sm hover:text-blue-700">获取验证码</button>
+              </div>
+            </div>
+            <div class="mb-5 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">
+                  <svg class="w-5 h-5 text-gray-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+                    <path fill-rule="evenodd" d="M8 10V7a4 4 0 1 1 8 0v3h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2h1Zm2-3a2 2 0 1 1 4 0v3h-4V7Zm2 6c.6 0 1 .4 1 1v3a1 1 0 1 1-2 0v-3c0-.6.4-1 1-1Z" clip-rule="evenodd"/>
+                  </svg>
+              </span>
+              <input type="password" 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" placeholder="请输入新密码" required>
+            </div>
+            <div class="mb-5 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">
+                  <svg class="w-5 h-5 text-gray-500" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 24 24">
+                    <path fill-rule="evenodd" d="M8 10V7a4 4 0 1 1 8 0v3h1a2 2 0 0 1 2 2v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7c0-1.1.9-2 2-2h1Zm2-3a2 2 0 1 1 4 0v3h-4V7Zm2 6c.6 0 1 .4 1 1v3a1 1 0 1 1-2 0v-3c0-.6.4-1 1-1Z" clip-rule="evenodd"/>
+                  </svg>
+              </span>
+              <input type="password" 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 " placeholder="请再次确认密码" required>
+            </div>
+            <div class="flex flex-col ">
+              <a @click="loginUser" 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 mt-2 mb-3 mx-8 px-10 py-2.5 text-center">登录</a>
+            </div>
+          </form>
+        </div>
+      </div>
+    </div>
+    <Icp class="fixed bottom-0"/>
+  </div>
+</template>
+<script setup>
+import Icp from "@/components/MainPage/Icp.vue";
+import {Button} from "view-ui-plus";
+</script>
\ No newline at end of file
diff --git a/src/components/MainPage/NavBar.vue b/src/components/MainPage/NavBar.vue
index 32a3ac5..b06d516 100644
--- a/src/components/MainPage/NavBar.vue
+++ b/src/components/MainPage/NavBar.vue
@@ -56,7 +56,7 @@
             <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>
           <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="/New" 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>
diff --git a/src/components/MainPage/NewProfile.vue b/src/components/MainPage/NewProfile.vue
index 2766230..962340c 100644
--- a/src/components/MainPage/NewProfile.vue
+++ b/src/components/MainPage/NewProfile.vue
@@ -14,7 +14,7 @@
       <div class="mx-auto mt-24 flex flex-col space-y-8">
         <div class="flex space-x-12">
           <div @mouseover="showMoreButton1=true" @mouseleave="showMoreButton1=false"
-               class="flex-1 transition-transform transform-gpu hover:scale-105 relative sm:w-1/2 md:w-1/4 lg:w-1/3 xl:w-1/4 h-[500px] bg-white border border-gray-200 shadow dark:bg-gray-800 dark:border-gray-700"
+               class="flex-1 transition-transform transform-gpu hover:scale-105 relative sm:w-1/2 md:w-1/4 lg:w-1/3 xl:w-1/4 h-[500px] bg-white border border-gray-200 shadow"
                :class="{'hover:bg-green-400':showMoreButton1}"
           >
             <div>
diff --git a/src/components/NewPage/NewCard.vue b/src/components/NewPage/NewCard.vue
new file mode 100644
index 0000000..64e95fd
--- /dev/null
+++ b/src/components/NewPage/NewCard.vue
@@ -0,0 +1,191 @@
+<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="flex md:order-2">
+            <div class="relative hidden md:block">
+              <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
+                </svg>
+              </div>
+              <input type="text" id="search-navbar" class="block w-full p-2 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 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" placeholder="请输入关键字">
+            </div>
+          </div>
+          <div class="items-center justify-between hidden w-full md:flex md:w-auto md:order-1" id="navbar-search">
+            <div class="relative mt-3 md:hidden">
+              <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                <svg class="w-4 h-4 text-gray-500 dark:text-gray-400" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 20 20">
+                  <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"/>
+                </svg>
+              </div>
+              <input type="text" id="search-navbar" class="block w-full p-2 ps-10 text-sm text-gray-900 border border-gray-300 rounded-lg bg-gray-50 focus:ring-blue-500 focus:border-blue-500 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" placeholder="Search...">
+            </div>
+            <ul class="flex flex-col p-4 md:p-0 mt-4 font-medium 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 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 md:dark:text-blue-500" aria-current="page">全部</a>
+              </li>
+            </ul>
+            <div date-rangepicker class="flex items-center ml-8">
+              <div class="relative">
+                <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                  <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="M20 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 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"/>
+                  </svg>
+                </div>
+                <input name="start" type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5" placeholder="Select date start">
+              </div>
+              <span class="mx-4 text-gray-500">to</span>
+              <div class="relative">
+                <div class="absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none">
+                  <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="M20 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 2v2h20V4ZM0 18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V8H0v10Zm5-8h10a1 1 0 0 1 0 2H5a1 1 0 0 1 0-2Z"/>
+                  </svg>
+                </div>
+                <input name="end" type="text" class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5" placeholder="Select date end">
+              </div>
+            </div>
+
+          </div>
+        </div>
+      </nav>
+      <div class="flex flex-col space-y-6">
+        <div class="flex space-x-28 transition-transform transform-gpu hover:scale-105 h-[200px] bg-gray-50 border border-gray-200 shadow">
+          <div class="w-[300px]">
+            <img class="h-[200px]" src="@/assets/images/img40.jpg" alt="">
+          </div>
+          <div class="flex flex-col">
+            <div class="mt-8 text-lg text-black">
+              千呼万唤始出来，千树万树梨花开。
+            </div>
+            <div class="text-sm mt-6 text-gray-600">
+              等了这么久，勤劳的技术哥不停蹄地敲着代码，终于JSMO的后台今日完成，已经进入了测试阶段
+            </div>
+          </div>
+          <div class="flex flex-col">
+            <div class="mt-8 font-semibold text-3xl">
+              01-23
+            </div>
+            <div class="text-lg">
+              2024
+            </div>
+            <div class="mt-10 ml-auto mr-10">
+              <a href="#"  class="inline-flex items-center text-sm font-medium text-center text-gray-400 hover:text-white hover:bg-green-400 border border-gray-300 rounded-full">
+                <svg class="rtl:rotate-180 w-6 h-6 m-1" 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>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="flex space-x-28 transition-transform transform-gpu hover:scale-105 h-[200px] bg-gray-50 border border-gray-200 shadow">
+          <div class="w-[300px]">
+            <img class="h-[200px]" src="@/assets/images/img41.jpg" alt="">
+          </div>
+          <div class="flex flex-col">
+            <div class="mt-8 text-lg text-black">
+              千呼万唤始出来，千树万树梨花开。
+            </div>
+            <div class="text-sm mt-6 text-gray-600">
+              等了这么久，勤劳的技术哥不停蹄地敲着代码，终于JSMO的后台今日完成，已经进入了测试阶段
+            </div>
+          </div>
+          <div class="flex flex-col">
+            <div class="mt-8 font-semibold text-3xl">
+              01-23
+            </div>
+            <div class="text-lg">
+              2024
+            </div>
+            <div class="mt-10 ml-auto mr-10">
+              <a href="#"  class="inline-flex items-center text-sm font-medium text-center text-gray-400 hover:text-white hover:bg-green-400 border border-gray-300 rounded-full">
+                <svg class="rtl:rotate-180 w-6 h-6 m-1" 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>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="flex space-x-28 transition-transform transform-gpu hover:scale-105 h-[200px] bg-gray-50 border border-gray-200 shadow">
+          <div class="w-[300px]">
+            <img class="h-[200px]" src="@/assets/images/img42.jpg" alt="">
+          </div>
+          <div class="flex flex-col">
+            <div class="mt-8 text-lg text-black">
+              千呼万唤始出来，千树万树梨花开。
+            </div>
+            <div class="text-sm mt-6 text-gray-600">
+              等了这么久，勤劳的技术哥不停蹄地敲着代码，终于JSMO的后台今日完成，已经进入了测试阶段
+            </div>
+          </div>
+          <div class="flex flex-col">
+            <div class="mt-8 font-semibold text-3xl">
+              01-23
+            </div>
+            <div class="text-lg">
+              2024
+            </div>
+            <div class="mt-10 ml-auto mr-10">
+              <a href="#"  class="inline-flex items-center text-sm font-medium text-center text-gray-400 hover:text-white hover:bg-green-400 border border-gray-300 rounded-full">
+                <svg class="rtl:rotate-180 w-6 h-6 m-1" 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>
+              </a>
+            </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>
+
+</script>
\ No newline at end of file
diff --git a/src/components/NewPage/NewDefaultPage.vue b/src/components/NewPage/NewDefaultPage.vue
new file mode 100644
index 0000000..65f0c85
--- /dev/null
+++ b/src/components/NewPage/NewDefaultPage.vue
@@ -0,0 +1,16 @@
+<template>
+  <div class="relative w-[100%] min-h-screen">
+    <div class="flex flex-col">
+      <NavBar/>
+      <NewCard/>
+    </div>
+    <div class="w-full fixed bottom-0">
+      <Icp/>
+    </div>
+  </div>
+</template>
+<script setup>
+import NavBar from "@/components/MainPage/NavBar.vue";
+import Icp from "@/components/MainPage/Icp.vue";
+import NewCard from "@/components/NewPage/NewCard.vue";
+</script>
\ No newline at end of file
diff --git a/src/components/ProjectDisplay/ProjectCard.vue b/src/components/ProjectPage/ProjectCard.vue
similarity index 100%
rename from src/components/ProjectDisplay/ProjectCard.vue
rename to src/components/ProjectPage/ProjectCard.vue
diff --git a/src/components/ProjectDisplay/DefaultPage.vue b/src/components/ProjectPage/ProjectDefaultPage.vue
similarity index 77%
rename from src/components/ProjectDisplay/DefaultPage.vue
rename to src/components/ProjectPage/ProjectDefaultPage.vue
index 8b8dcd2..e4f04a4 100644
--- a/src/components/ProjectDisplay/DefaultPage.vue
+++ b/src/components/ProjectPage/ProjectDefaultPage.vue
@@ -12,8 +12,8 @@
 <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 ProjectDetails from "@/components/ProjectPage/ProjectCard.vue";
+import ProjectCard from "@/components/ProjectPage/ProjectCard.vue";
 import Icp from "@/components/MainPage/Icp.vue";
 
 
diff --git a/src/components/login.vue b/src/components/login.vue
index 42c06c4..5f4ccd3 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="relative min-h-screen  w-full bg-gray-200">
+  <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">
       <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">
@@ -45,10 +45,9 @@
             </div>
             <div class="flex flex-col ">
               <a @click="loginUser" 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 mt-2 mb-3 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 class="flex space-x-2 ml-24">
-                <a href="" class="text-blue-500  font-medium rounded-lg text-sm  sm:w-auto text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">忘记密码? |</a>
-                <a href="/register" class="text-blue-500  font-medium rounded-lg text-sm  sm:w-auto  text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">注册 |</a>
-                <a href="" class="text-blue-500  font-medium rounded-lg text-sm  sm:w-auto  text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">修改密码</a>
+              <div class="flex space-x-2 ml-32">
+                <a href="/ForgetPassword" class="text-blue-500  font-medium rounded-lg text-sm sm:w-auto text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">忘记密码? |</a>
+                <a href="/register" class="text-blue-500  font-medium rounded-lg text-sm  sm:w-auto  text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">注册</a>
               </div>
             </div>
           </form>
diff --git a/src/router/index.js b/src/router/index.js
index 4675b16..70bd6fa 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -32,7 +32,17 @@ const router = createRouter({
     {
       path:'/Project',
       name:'Project',
-      component:()=>import('../components/ProjectDisplay/DefaultPage.vue')
+      component:()=>import('@/components/ProjectPage/ProjectDefaultPage.vue')
+    },
+    {
+      path:'/New',
+      name:'New',
+      component:()=>import('@/components/NewPage/NewDefaultPage.vue')
+    },
+    {
+      path:'/ForgetPassword',
+      name:'ForgetPassword',
+      component:()=>import('@/components/ForgetPassword.vue')
     },
     {
       path:'/manager',