From a820bd927b9e330605a4ef2de6d9502f302b5a71 Mon Sep 17 00:00:00 2001
From: GUjiYN <2946459904@qq.com>
Date: Fri, 22 Dec 2023 20:54:56 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=8C=E5=96=84=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                 | 12 -------
 src/components/index.vue    | 70 ++++++++++++++++++++++++++++++++-----
 src/components/login.vue    | 66 ++++++++++++++++++++--------------
 src/components/register.vue | 63 ++++++++++++++++++---------------
 4 files changed, 134 insertions(+), 77 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index edd1526..909b141 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,15 +5,3 @@
 <template>
   <router-view></router-view>
 </template>
-<style>
-body, html {
-  height: auto;
-  margin: 0;
-  padding: 0;
-  background: linear-gradient(to bottom, #87c7ff, #3fe2f8); /* 你想要的渐变背景颜色 */
-}
-
-#app {
-  min-height: 100%; /* 让 #app 至少与视口高度一样高 */
-}
-</style>
\ No newline at end of file
diff --git a/src/components/index.vue b/src/components/index.vue
index 5bf3c1f..ffe3fd6 100644
--- a/src/components/index.vue
+++ b/src/components/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class=" w-full h-auto">
+  <div class=" w-full h-auto bg-sky-200">
     <nav class="w-full z-20 top-0 start-0 border-b border-gray-200 dark:border-gray-600">
       <div class="container w-full flex flex-wrap items-center justify-between mx-auto p-4">
         <div>
@@ -15,13 +15,13 @@
               <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>
             <li>
-              <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">关于</a>
+              <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">关于我们</a>
             </li>
             <li>
-              <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">服务</a>
+              <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">服务内容</a>
             </li>
             <li>
-              <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">联系</a>
+              <a href="#" class="block py-2 px-3 text-gray-900 rounded hover:bg-gray-100 md:hover:bg-transparent md:hover:text-blue-700 md:p-0 md:dark:hover:text-blue-500 dark:text-white dark:hover:bg-gray-700 dark:hover:text-white md:dark:hover:bg-transparent dark:border-gray-700">联系我们</a>
             </li>
           </ul>
         </div>
@@ -114,7 +114,6 @@
 
     <div class="container mx-auto mt-40">
       <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">项目展示</h2>
-
       <div class="flex flex-col space-y-10">
         <div class="flex space-x-12">
           <div class=" w-2/3 h-96 bg-white border border-gray-200 rounded-lg shadow dark:bg-gray-800 dark:border-gray-700">
@@ -126,7 +125,7 @@
                 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目1</h5>
               </a>
               <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
-              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                 了解更多
                 <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" 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"/>
@@ -143,7 +142,7 @@
                 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目2</h5>
               </a>
               <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
-              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                 了解更多
                 <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" 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"/>
@@ -162,7 +161,7 @@
                 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目3</h5>
               </a>
               <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
-              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                 了解更多
                 <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" 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"/>
@@ -179,7 +178,7 @@
                 <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">项目4</h5>
               </a>
               <p class="mb-3 font-normal text-gray-700 dark:text-gray-400">简要叙述</p>
-              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
+              <a href="#" class="inline-flex items-center px-3 py-2 text-sm font-medium text-center text-black bg-sky-200 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
                 了解更多
                 <svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" 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"/>
@@ -190,6 +189,59 @@
         </div>
       </div>
     </div>
+
+
+    <div class="container mt-40 mx-auto">
+      <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">新闻与活动</h2>
+      <div class="flex space-x-8">
+        <div class="w-1/3 h-96 border-gray-400 bg-white">
+          <a href="">
+            <img src="" alt="" class="w-full h-60 border border-gray-400">
+            <div class="ml-4">
+              <h3 class="text-lg font-bold mt-10">新闻标题1</h3>
+              <h4 class="mt-2 mb-4">时间</h4>
+              <p class="ml-2">新闻简要内容</p>
+            </div>
+          </a>
+        </div>
+        <div class=" w-1/3 h-96 border-gray-400 bg-white">
+          <a href="">
+            <img src="" alt="" class="w-full h-60 border border-gray-400">
+            <div class="ml-4">
+              <h3 class="text-lg font-bold mt-10">新闻标题1</h3>
+              <h4 class="mt-2 mb-4">时间</h4>
+              <p class="ml-2">新闻简要内容</p>
+            </div>
+          </a>
+        </div>
+        <div class="flex flex-col space-y-2 w-1/3 h-96 border-gray-400 bg-gray-100">
+          <a href="" class="mt-4 ml-2 w-full h-20 hover:text-red-700">
+            <h3 class="text-lg font-bold">新闻1</h3>
+            <p>时间</p>
+          </a>
+          <a href="" class="ml-2 w-full h-20 hover:text-red-700">
+            <h3 class="text-lg font-bold">新闻2</h3>
+            <p>时间</p>
+          </a>
+          <a href="" class="ml-2 w-full h-20 hover:text-red-700">
+            <h3 class="text-lg font-bold">新闻3</h3>
+            <p>时间</p>
+          </a>
+          <a href="" class="ml-2 w-full h-20 hover:text-red-700">
+            <h3 class="text-lg font-bold">新闻4</h3>
+            <p>时间</p>
+          </a>
+          <a href="" class="ml-2 w-full h-20 hover:text-red-700">
+            <h3 class="text-lg font-bold">新闻5</h3>
+            <p>时间</p>
+          </a>
+        </div>
+      </div>
+    </div>
+
+
+
+
     <div class="mt-40 flex items-center justify-center">
       <div class="text-center">
         ICP备案
diff --git a/src/components/login.vue b/src/components/login.vue
index 7cee211..1a05bb2 100644
--- a/src/components/login.vue
+++ b/src/components/login.vue
@@ -1,35 +1,47 @@
 <template>
-  <div class="w-full h-auto">
-    <div class="container mx-auto mt-8 " >
-      <div class="max-w-sm mx-auto bg-white border border-gray-200 rounded-lg shadow p-6 dark:bg-gray-800 dark:border-gray-700">
-        <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">账号登录</h2>
-        <form class="max-w-sm mx-auto">
-          <div class="mb-5">
-            <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">用户名</label>
-            <input type="email" id="email" 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 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"  required>
-          </div>
-          <div class="mb-5">
-            <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">密码</label>
-            <input type="password" id="password" 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 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" required>
-          </div>
-          <div class="flex items-start mb-5">
-            <div class="flex items-center h-5">
-              <input id="remember" type="checkbox" value="" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800" required>
+  <div class="w-full h-screen bg-sky-200">
+    <div class="flex items-center justify-center">
+      <div class="container mx-auto mt-20" >
+        <div class="max-w-md mx-auto bg-white border border-gray-200 rounded-lg shadow p-10 dark:bg-gray-800 dark:border-gray-700">
+          <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">账号登录</h2>
+          <form class="max-w-sm mx-auto w-96">
+            <div class="mb-5">
+              <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">用户名</label>
+              <input type="email" id="email" 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 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"  required>
             </div>
-            <label for="remember" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">记住我</label>
-          </div>
-          <div class="flex flex-col ">
-            <a href="/success" class="text-white bg-blue-700 hover:bg-blue-800 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">
-              <a href="" class="text-blue-500  font-medium rounded-lg text-sm  sm:w-auto ml-24 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 ml-5 text-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">注册</a>
+            <div class="mb-5">
+              <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">密码</label>
+              <input type="password" id="password" 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 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" required>
             </div>
-          </div>
-        </form>
+            <div class="flex items-start mb-5">
+              <div class="flex items-center h-5">
+                <input id="remember" type="checkbox" value="" class="w-4 h-4 border border-gray-300 rounded bg-gray-50 focus:ring-3 focus:ring-blue-300 dark:bg-gray-700 dark:border-gray-600 dark:focus:ring-blue-600 dark:ring-offset-gray-800 dark:focus:ring-offset-gray-800" required>
+              </div>
+              <label for="remember" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">记住我</label>
+            </div>
+            <div class="flex flex-col ">
+              <a href="/success" 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>
+            </div>
+          </form>
+        </div>
       </div>
     </div>
-  </div>
-
+    <div class="mt-40 flex items-center justify-center">
+      <div class="text-center">
+        ICP备案
+        <br>
+        公安备案
+        <br>
+        Copyright (C) 2023 xxx Group All Right Services.
+      </div>
+    </div>
+</div>
 </template>
 <script setup>
+
 </script>
\ No newline at end of file
diff --git a/src/components/register.vue b/src/components/register.vue
index 8f9590b..d8a009d 100644
--- a/src/components/register.vue
+++ b/src/components/register.vue
@@ -1,45 +1,50 @@
 <template>
-  <div class="w-full h-auto">
-    <div class="container w-auto mx-auto mt-8 " >
-      <div class="max-w-sm mx-auto bg-white border border-gray-200 rounded-lg shadow p-6 dark:bg-gray-800 dark:border-gray-700">
-        <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">用户注册</h2>
-        <form class="flex flex-col space-y-5 max-w-sm w-80">
-          <div class="flex space-x-8">
+  <div class="w-auto h-auto bg-sky-200">
+    <div class="flex items-center justify-center">
+      <div class="container w-full max-w-md mx-auto mt-8 " >
+        <div class=" mx-auto bg-white border border-gray-200 rounded-lg shadow p-8 dark:bg-gray-800 dark:border-gray-700">
+          <h2 class="text-3xl font-bold mb-6 text-center text-gray-900 dark:text-white">用户注册</h2>
+          <form class="flex flex-col space-y-5 max-w-sm w-96">
             <div class="mb-5">
-              <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">真实姓名</label>
-              <input type="email" id="email" 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 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"  required>
+              <label for="truename" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">真实姓名</label>
+              <input type="text" id="email" 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 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"  required>
             </div>
             <div class="mb-5">
               <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">密码</label>
               <input type="password" id="password" 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 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" required>
             </div>
-          </div>
-          <div class="flex space-x-8">
             <div class="mb-5">
-              <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">性别</label>
-              <input type="password" id="password" 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 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" required>
+              <label for="sex" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">性别</label>
+              <input type="text" id="password" 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 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" required>
             </div>
             <div class="mb-5">
-              <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">出生日期</label>
-              <input type="password" id="password" 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 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" required>
-            </div>
-          </div>
-          <div class="flex space-x-8">
-            <div class="mb-5">
-              <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">单位</label>
-              <input type="password" id="password" 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 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" required>
+              <label for="datebirth" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">出生日期</label>
+              <input type="date" id="password" 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 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" required>
             </div>
             <div class="mb-5">
-              <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所学专业</label>
-              <input type="password" id="password" 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 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" required>
+              <label for="work" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">单位</label>
+              <input type="text" id="password" 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 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" required>
             </div>
-          </div>
-          <div class="mb-5">
-          <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">家乡</label>
-          <input type="password" id="password" 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 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" required>
-          </div>
-          <a href="" class="text-white bg-blue-700 hover:bg-blue-800 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>
-        </form>
+            <div class="mb-5">
+              <label for="speciality" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">所学专业</label>
+              <input type="text" id="password" 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 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" required>
+            </div>
+            <div class="mb-5">
+              <label for="home" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">家乡</label>
+              <input type="text" id="password" 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 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" required>
+            </div>
+            <a href="" class="text-white bg-blue-700 hover:bg-blue-800 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>
+          </form>
+        </div>
+      </div>
+    </div>
+    <div class="mt-40 flex items-center justify-center">
+      <div class="text-center">
+        ICP备案
+        <br>
+        公安备案
+        <br>
+        Copyright (C) 2023 xxx Group All Right Services.
       </div>
     </div>
   </div>