From 2e42bbc278eda9dcc3d2999b571d347da0ccd984 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sat, 20 Dec 2025 21:56:36 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E6=B3=A8=E5=86=8C?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E6=9B=B4=E6=96=B0=E8=B7=AF=E7=94=B1?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E5=92=8C=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/auth.ts                        | 16 ++++++++++-
 src/views/auth/index.vue                  |  9 ++++++
 src/views/auth/login/components/email.vue |  6 ++--
 src/views/auth/login/index.vue            |  2 +-
 src/views/auth/signup/index.vue           | 35 +++++++++++++++++++++++
 5 files changed, 63 insertions(+), 5 deletions(-)
 create mode 100644 src/views/auth/index.vue
 create mode 100644 src/views/auth/signup/index.vue

diff --git a/src/router/auth.ts b/src/router/auth.ts
index 49f793d..77f2195 100644
--- a/src/router/auth.ts
+++ b/src/router/auth.ts
@@ -1,13 +1,27 @@
 import type { RouteRecordRaw } from "vue-router";
 
 const routes: Array<RouteRecordRaw> = [
+  // {
+  //   path: "/auth",
+  //   component: () => import("@/views/auth/index.vue"),
+  //   children: [
+  //     {
+  //       path: "/auth/login",
+  //       component: () => import("@/views/auth/login/index.vue"),
+  //     },
+  //     {
+  //       path: "/auth/signup",
+  //       component: () => import("@/views/auth/signup/index.vue"),
+  //     },
+  //   ],
+  // },
   {
     path: "/auth/login",
     component: () => import("@/views/auth/login/index.vue"),
   },
   {
     path: "/auth/signup",
-    component: () => import("@/auth/components/signup/index.vue"),
+    component: () => import("@/views/auth/signup/index.vue"),
   },
 ];
 
diff --git a/src/views/auth/index.vue b/src/views/auth/index.vue
new file mode 100644
index 0000000..6749c61
--- /dev/null
+++ b/src/views/auth/index.vue
@@ -0,0 +1,9 @@
+<script lang='ts' setup>
+
+</script>
+
+<template>
+  <IonRouterOutlet />
+</template>
+
+<style lang='css' scoped></style>
diff --git a/src/views/auth/login/components/email.vue b/src/views/auth/login/components/email.vue
index 65d1255..ffca94b 100644
--- a/src/views/auth/login/components/email.vue
+++ b/src/views/auth/login/components/email.vue
@@ -111,7 +111,7 @@ onUnmounted(() => {
 
 <template>
   <Form :validation-schema="schema" class="mt-5" @submit="handleSubmit">
-    <Field v-slot="{ field, errors }" name="email" type="email">
+    <Field v-slot="{ field, errorMessage }" name="email" type="email">
       <div class="mb-4">
         <ui-input
           v-bind="field"
@@ -137,8 +137,8 @@ onUnmounted(() => {
             </span>
           </ion-button>
         </ui-input>
-        <div v-if="errors[0] || emailError" class="text-xs text-red-500 mt-1">
-          {{ errors[0] || emailError }}
+        <div v-if="errorMessage || emailError" class="text-xs text-red-500 mt-1">
+          {{ errorMessage || emailError }}
         </div>
       </div>
     </Field>
diff --git a/src/views/auth/login/index.vue b/src/views/auth/login/index.vue
index a71ca65..c91b0c2 100644
--- a/src/views/auth/login/index.vue
+++ b/src/views/auth/login/index.vue
@@ -34,7 +34,7 @@ async function handleSignInPhoneNumber(value: PhoneNumberVerifyClient) {
     <IonHeader class="ion-no-border">
       <IonToolbar class="ui-toolbar">
         <ion-back-button slot="start" />
-        <ion-button slot="end" fill="clear">
+        <ion-button slot="end" fill="clear" @click="router.push('/auth/signup')">
           {{ t('auth.login.signupButton') }}
         </ion-button>
       </IonToolbar>
diff --git a/src/views/auth/signup/index.vue b/src/views/auth/signup/index.vue
new file mode 100644
index 0000000..b51ee2b
--- /dev/null
+++ b/src/views/auth/signup/index.vue
@@ -0,0 +1,35 @@
+<script lang='ts' setup>
+import { Field, Form } from "vee-validate";
+</script>
+
+<template>
+  <IonPage>
+    <IonHeader class="ion-no-border">
+      <IonToolbar class="ui-toolbar">
+        <ion-back-button slot="start" />
+      </IonToolbar>
+    </IonHeader>
+    <IonContent :fullscreen="true" class="ion-padding">
+      <div class="text-2xl font-semibold mb-5">
+        用户注册
+      </div>
+
+      <Form>
+        <Field v-slot="{ field, errorMessage }" name="email" type="email">
+          <div class="mb-4">
+            <ui-input
+              v-bind="field"
+              placeholder="请输入邮箱"
+              type="email"
+            />
+            <div v-if="errorMessage" class="text-xs text-red-500 mt-1">
+              {{ errorMessage }}
+            </div>
+          </div>
+        </Field>
+      </Form>
+    </IonContent>
+  </IonPage>
+</template>
+
+<style lang='css' scoped></style>