From 121d0ee283b0668d7ca6709fef14c8de25fab3b2 Mon Sep 17 00:00:00 2001
From: mk <2403457699@qq.com>
Date: Mon, 27 May 2024 18:26:18 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E5=90=8D=E8=AE=A4=E8=AF=81=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/index.less      |  3 ++
 src/assets/css/vant-theme.less |  2 +-
 src/views/home/index.less      |  7 +++--
 src/views/home/index.vue       |  2 +-
 src/views/register/index.less  |  4 +++
 src/views/register/index.vue   | 50 +++++++++++++++++++++++++---------
 6 files changed, 51 insertions(+), 17 deletions(-)

diff --git a/src/assets/css/index.less b/src/assets/css/index.less
index 201a533..eb3209d 100644
--- a/src/assets/css/index.less
+++ b/src/assets/css/index.less
@@ -41,6 +41,9 @@ body #app {
 .orange{
   color: #f98f1a;
 }
+.blue{
+  color: #3974f6;
+}
 .flex{
   display: flex;
   .flex1{
diff --git a/src/assets/css/vant-theme.less b/src/assets/css/vant-theme.less
index 6625d0f..a17b970 100644
--- a/src/assets/css/vant-theme.less
+++ b/src/assets/css/vant-theme.less
@@ -1,4 +1,4 @@
-@blue: #4F94FF;
+@blue: #3974f6;
 @gray-5: #C1C1C1;
 @border-color: #EAEAEA;
 @black: #333333;
diff --git a/src/views/home/index.less b/src/views/home/index.less
index 53f4df3..c727845 100644
--- a/src/views/home/index.less
+++ b/src/views/home/index.less
@@ -5,10 +5,13 @@
     height: 160px;
 }
 .content{
-    position: relative;
-    top: -150px;
+    position: fixed;
+    width: 100%;
+    height: 100%;
+    top: 0;
     padding: 0 15px;
     box-sizing: border-box;
+    overflow-y: scroll;
 }
 .notice_time{
     padding-right: 5px;
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index bd86826..2866912 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div class="pages">
         <div class="blueBg"></div>
         <div class="content">
             <div class="flex flex-end">
diff --git a/src/views/register/index.less b/src/views/register/index.less
index 1bfcba4..1324f76 100644
--- a/src/views/register/index.less
+++ b/src/views/register/index.less
@@ -12,3 +12,7 @@
 .gender {
   display: flex;
 }
+
+.button{
+  margin-top: 35px;
+}
\ No newline at end of file
diff --git a/src/views/register/index.vue b/src/views/register/index.vue
index b810a07..03450d6 100644
--- a/src/views/register/index.vue
+++ b/src/views/register/index.vue
@@ -1,20 +1,38 @@
 <template>
-  <div class="container">
-    <div class="block">
-      <van-field v-model="phone" label="手机号" placeholder="请输入" required/>
-      <van-field v-model="smsCode" label="验证码" placeholder="请输入" required>
-        <template #button>
-          <van-button v-if="time === 60" round size="mini" type="info" @click="getCode">获取验证码</van-button>
-          <van-button v-else disabled round size="mini" type="info">{{ time }}s后重试</van-button>
-        </template>
-      </van-field>
-    </div>
-    <van-button block color="linear-gradient(to right, #81B5FB, #3E92FF)" round @click="submit">注册</van-button>
+  <div class="" style="padding-top: 0;">
+    <van-tabs @click="onClickTab" :active="active">
+      <van-tab title="手机号注册">
+        <div class="block container">
+          <van-field v-model="phone" label="手机号" placeholder="请输入" required />
+          <van-field v-model="smsCode" label="验证码" placeholder="请输入" required>
+            <template #button>
+              <span v-if="time === 60" @click="getCode" class="blue">获取验证码</span>
+              <span v-else class="blue">{{ time }}s后重试</span>
+            </template>
+          </van-field>
+          <van-button block class="button" type="info" round @click="submit">注册</van-button>
+        </div>
+      </van-tab>
+      <van-tab title="实名认证">
+        <div class="block container">
+          <van-field v-model="name" label="真实姓名" placeholder="请输入" required />
+          <van-field v-model="idCard" label="身份证号" placeholder="请输入" required/>
+          <van-field v-model="phone" label="手机号" placeholder="请输入" required />
+          <van-field v-model="smsCode" label="验证码" placeholder="请输入" required>
+            <template #button>
+              <span v-if="time === 60" @click="getCode" class="blue">获取验证码</span>
+              <span v-else class="blue">{{ time }}s后重试</span>
+            </template>
+          </van-field>
+          <van-button block class="button" type="info" round @click="submit">提交</van-button>
+        </div>
+      </van-tab>
+    </van-tabs>
   </div>
 </template>
 
 <script>
-import {register, sendsmscode} from '@/api/user'
+import { register, sendsmscode } from '@/api/user'
 
 var leftTime
 export default {
@@ -28,7 +46,10 @@ export default {
       smsCode: '',
       surName: '',
       gender: '',
-      userId: ''
+      userId: '',
+      active:0,
+      idCard:null,
+      name:null,
     }
   },
 
@@ -39,6 +60,9 @@ export default {
     clearInterval(leftTime)
   },
   methods: {
+    onClickTab(val){
+
+    },
     init() {
       this.type = this.$route.params.type ? this.$route.params.type : ''
       this.userInfo = this.$store.state.app.userInfo