From 40efacf65a15241bfe48925a4cf0436a4760f127 Mon Sep 17 00:00:00 2001
From: xingyy <64720302+Concur-max@users.noreply.github.com>
Date: Fri, 10 Jan 2025 14:00:42 +0800
Subject: [PATCH] =?UTF-8?q?feat(login):=20=E6=B7=BB=E5=8A=A0=E5=9B=BD?=
 =?UTF-8?q?=E5=AE=B6=E5=9C=B0=E5=8C=BA=E9=80=89=E6=8B=A9=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=E5=B9=B6=E5=88=9B=E5=BB=BA=E5=AE=9E=E5=90=8D=E8=AE=A4=E8=AF=81?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在登录页面添加国家地区选择功能，点击可跳转到国家地区选择页面
- 新增实名认证页面，包括大陆居民和非大陆居民两个选项卡
- 实名认证页面采用vant组件库，样式进行了自定义
---
 app/pages/login/index.vue    |  9 +++++++--
 app/pages/realAuth/index.vue | 37 ++++++++++++++++++++++++++++++++++++
 2 files changed, 44 insertions(+), 2 deletions(-)
 create mode 100644 app/pages/realAuth/index.vue

diff --git a/app/pages/login/index.vue b/app/pages/login/index.vue
index 2d255f6..6f5848c 100644
--- a/app/pages/login/index.vue
+++ b/app/pages/login/index.vue
@@ -1,7 +1,12 @@
 <script setup>
+import { useRouter } from 'vue-router';
+
+const router = useRouter();
+function goToPage() {
+  router.push('/countryRegion');
+}
 const phoneNum=ref('')
 const code=ref('')
-
 const pane=ref(0)
 </script>
 
@@ -12,7 +17,7 @@ const pane=ref(0)
     </div>
     <div v-if="pane===0">
       <div class="">
-        <div class="w-full flex justify-between">
+        <div class="w-full flex justify-between" @click="goToPage">
           <div class="text-[16px] text-[#000]">
             中国（大陆）
           </div>
diff --git a/app/pages/realAuth/index.vue b/app/pages/realAuth/index.vue
new file mode 100644
index 0000000..f195fc7
--- /dev/null
+++ b/app/pages/realAuth/index.vue
@@ -0,0 +1,37 @@
+<script setup>
+
+</script>
+
+<template>
+<div class="px-[31px] bg-#fff w-100vw h-100vh pt-[46px]">
+  <van-tabs>
+    <van-tab  title="大陆居民" class="pt-[80px]">
+      <div class="text-[#BDBDBD] text-[16px] mb-[34px]">请填写身份证相关信息</div>
+      <div class="mb-[100px]">
+        <div class="border-b-[1.7px] mt-[8px]">
+          <van-field label="身份证号" clearable placeholder="请输入身份证号"></van-field>
+        </div>
+        <div class="border-b-[1.7px] mt-[8px]">
+          <van-field label="姓名" clearable placeholder="请输入姓名"></van-field>
+        </div>
+      </div>
+      <div class="flex justify-between">
+        <van-button style="width: 151px;height: 48px" color="#E9F1F8">
+          <div class="text-#2B53AC text-16px">取消</div>
+        </van-button>
+        <van-button style="width: 151px;height: 48px" color="#2B53AC">
+          <div class="text-#FFFFFF text-16px">确定</div>
+        </van-button>
+      </div>
+    </van-tab>
+    <van-tab title="非大陆居民">内容 2</van-tab>
+  </van-tabs>
+</div>
+</template>
+
+<style scoped>
+:deep(.van-tabs__line){
+  height: 2px;
+  width: 107px;
+}
+</style>
\ No newline at end of file