diff --git a/src/assets/images/img12.jpg b/src/assets/images/img12.jpg
new file mode 100644
index 0000000..d4f162b
Binary files /dev/null and b/src/assets/images/img12.jpg differ
diff --git a/src/assets/images/img21.jpg b/src/assets/images/img21.jpg
new file mode 100644
index 0000000..4ecfa38
Binary files /dev/null and b/src/assets/images/img21.jpg differ
diff --git a/src/assets/images/img27.jpg b/src/assets/images/img27.jpg
new file mode 100644
index 0000000..7489694
Binary files /dev/null and b/src/assets/images/img27.jpg differ
diff --git a/src/assets/images/img28.jpg b/src/assets/images/img28.jpg
new file mode 100644
index 0000000..1c23bc7
Binary files /dev/null and b/src/assets/images/img28.jpg differ
diff --git a/src/assets/images/img29.jpg b/src/assets/images/img29.jpg
new file mode 100644
index 0000000..57e7fdd
Binary files /dev/null and b/src/assets/images/img29.jpg differ
diff --git a/src/assets/images/img30.jpg b/src/assets/images/img30.jpg
new file mode 100644
index 0000000..e9f0eff
Binary files /dev/null and b/src/assets/images/img30.jpg differ
diff --git a/src/assets/images/img31.jpg b/src/assets/images/img31.jpg
new file mode 100644
index 0000000..0fd12a9
Binary files /dev/null and b/src/assets/images/img31.jpg differ
diff --git a/src/assets/images/img32.jpg b/src/assets/images/img32.jpg
new file mode 100644
index 0000000..877fd28
Binary files /dev/null and b/src/assets/images/img32.jpg differ
diff --git a/src/assets/images/img33.jpg b/src/assets/images/img33.jpg
new file mode 100644
index 0000000..877fd28
Binary files /dev/null and b/src/assets/images/img33.jpg differ
diff --git a/src/assets/images/img34.jpg b/src/assets/images/img34.jpg
new file mode 100644
index 0000000..edba3ae
Binary files /dev/null and b/src/assets/images/img34.jpg differ
diff --git a/src/assets/images/img35.jpg b/src/assets/images/img35.jpg
new file mode 100644
index 0000000..ed02415
Binary files /dev/null and b/src/assets/images/img35.jpg differ
diff --git a/src/assets/images/img36.jpg b/src/assets/images/img36.jpg
new file mode 100644
index 0000000..a43170b
Binary files /dev/null and b/src/assets/images/img36.jpg differ
diff --git a/src/assets/images/img37.jpg b/src/assets/images/img37.jpg
new file mode 100644
index 0000000..cbc5544
Binary files /dev/null and b/src/assets/images/img37.jpg differ
diff --git a/src/assets/images/img38.jpg b/src/assets/images/img38.jpg
new file mode 100644
index 0000000..4eb918d
Binary files /dev/null and b/src/assets/images/img38.jpg differ
diff --git a/src/components/register.vue b/src/components/register.vue
index 9e71747..cde7373 100644
--- a/src/components/register.vue
+++ b/src/components/register.vue
@@ -26,7 +26,7 @@
                     <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 v-model="data.username" 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 v-model="data.username" 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>
@@ -37,7 +37,7 @@
                     <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 v-model="data.password" 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 v-model="data.password" 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>
@@ -48,7 +48,7 @@
                     <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 v-model="data.address" 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 v-model="data.address" 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>
@@ -59,7 +59,7 @@
                     <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 v-model="data.phone" 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 v-model="data.phone" 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>
@@ -71,7 +71,7 @@
                     <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 v-model="data.email" 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">
+                <input v-model="data.email" 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>
@@ -82,11 +82,11 @@
                     <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" 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">
+                <input v-model="data.age" 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="age" class="block text-sm font-medium text-gray-900">性别</label>
+              <label for="sex" 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">