feat: 添加注册页面,更新路由配置和表单验证逻辑

This commit is contained in:
2025-12-20 21:56:36 +07:00
parent e8278fa957
commit 2e42bbc278
5 changed files with 63 additions and 5 deletions

View File

@@ -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>