feat: 添加后退按钮组件并更新认证路由和视图

This commit is contained in:
2026-01-16 13:20:59 +07:00
parent fb89d3adf7
commit c74a3dd930
7 changed files with 139 additions and 3 deletions

22
src/views/auth/login.vue Normal file
View File

@@ -0,0 +1,22 @@
<script lang='ts' setup>
</script>
<template>
<ion-page>
<ion-header class="ion-no-border">
<ion-toolbar class="ion-toolbar">
<back-button slot="start" />
<ion-title>登录</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullscreen="true" class="ion-padding">
<div class="max-w-md mx-auto flex flex-col gap-6">
<!-- 登录表单内容省略 -->
</div>
</ion-content>
</ion-page>
</template>
<style lang='css' scoped></style>

22
src/views/auth/signup.vue Normal file
View File

@@ -0,0 +1,22 @@
<script lang='ts' setup>
</script>
<template>
<ion-page>
<ion-header>
<ion-toolbar class="ion-toolbar">
<back-button slot="start" />
<ion-title>登录</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullscreen="true" class="ion-padding">
<div class="max-w-md mx-auto flex flex-col gap-6">
<!-- 登录表单内容省略 -->
</div>
</ion-content>
</ion-page>
</template>
<style lang='css' scoped></style>

62
src/views/auth/term.vue Normal file
View File

@@ -0,0 +1,62 @@
<script lang='ts' setup>
</script>
<template>
<ion-page>
<ion-header>
<ion-toolbar class="ion-toolbar">
<back-button slot="start" />
<ion-title>服务条款</ion-title>
</ion-toolbar>
</ion-header>
<ion-content :fullscreen="true" class="ion-padding">
<div class="max-w-4xl mx-auto">
<!-- 最后更新时间 -->
<div class="mb-6 text-sm text-(--ion-color-medium)">
2024-06-01
</div>
<!-- 引言 -->
<section class="mb-8">
<p class="text-base leading-relaxed">
欢迎使用我们的服务在使用本平台之前请仔细阅读以下服务条款使用本服务即表示您同意遵守这些条款
</p>
</section>
<!-- 服务条款内容 -->
<section class="mb-8">
<h2 class="text-lg font-semibold mb-4">
1. 服务说明
</h2>
<div class="space-y-3">
<p class="text-sm leading-relaxed text-(--ion-color-step-600)">
我们提供一个在线平台允许用户进行金融交易和管理个人账户我们保留随时修改或终止服务的权利恕不另行通知
</p>
</div>
</section>
<!-- 联系信息 -->
<section class="mt-12 pt-6 border-t border-(--ion-color-step-150)">
<h2 class="text-lg font-semibold mb-4">
联系我们
</h2>
<p class="text-sm leading-relaxed text-(--ion-color-step-600)">
如果您对这些服务条款有任何疑问或需要进一步的信息请通过以下方式联系我们
</p>
<div class="mt-4 space-y-2">
<div class="text-sm">
<span class="text-(--ion-color-medium)">电子邮件:</span>
<a href="mailto:support@example.com" class="ml-2 text-(--ion-color-primary)">
support@example.com
</a>
</div>
</div>
</section>
</div>
</ion-content>
</ion-page>
</template>
<style lang='css' scoped>
</style>