From b62e2500be90526bd5b2eadbad757b648891e3d5 Mon Sep 17 00:00:00 2001
From: skywt2003 <skywt2003@gmail.com>
Date: Thu, 26 May 2022 09:06:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=A1=A8=E5=8D=95=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/variables.styl | 10 ++++------
 src/views/home/index.vue  | 11 ++++++-----
 src/views/login/index.vue | 10 ++++++----
 3 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/src/styles/variables.styl b/src/styles/variables.styl
index cf55203..c581262 100644
--- a/src/styles/variables.styl
+++ b/src/styles/variables.styl
@@ -58,9 +58,10 @@ hint()
         width 90%
         box-shadow: 0 4px 10px #00000012
         -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,.07)
-        background rgba(255, 255, 255, 0.7)
-        backdrop-filter: blur(20px)
-        -webkit-backdrop-filter: blur(20px)
+        // background rgba(255, 255, 255, 0.7)
+        // backdrop-filter: blur(20px)
+        // -webkit-backdrop-filter: blur(20px)
+        background white
         margin 0 auto
         margin-top 10vh
         z-index 500
@@ -75,9 +76,6 @@ hint()
             .van-cell
                 height: 48px
                 background: transparent
-                &::after
-                    // border-bottom: 2px solid #f5f6f7
-                    border-bottom: 2px solid #323233
                 >>>input 
                     height 48px
                 // >>>field__body
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 8b38ee0..272bb5b 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -12,11 +12,12 @@
         </div> -->
         <div class="info-card flex-container">
             <add-photo @changePhoto="changePhoto" @readyHandle='readyHandle'></add-photo>
-            <div class="form">
-                <van-field required v-model="formData.Name" clearable  placeholder="请输入姓名" />
-                <van-field required type='number' v-model="formData.Phone" clearable placeholder="请输入手机号" />
-                <!-- <van-field required type='text' v-model="formData.Code" clearable placeholder="请输入参赛编号" /> -->
-            </div>
+            <van-form class="form">
+                <van-cell-group inset>
+                    <van-field required v-model="formData.Name" name="姓名" label="姓名" clearable placeholder="请输入姓名" />
+                    <van-field required type='number' v-model="formData.Phone" name="手机号" label="手机号" clearable placeholder="请输入手机号" />
+                </van-cell-group>
+            </van-form>
             <div class="button" @click="onSubmit">提交</div>
         </div>
         <!-- <div class="hint">
diff --git a/src/views/login/index.vue b/src/views/login/index.vue
index 088599b..f8d8c6c 100644
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -14,10 +14,12 @@
             <h1 class="title">5G 赛道</h1>
         </div>
         <div class="info-card flex-container">
-            <div class="form">
-                <van-field required v-model="formData.Name" clearable  placeholder="请输入姓名" />
-                <van-field required type='number' v-model="formData.Phone" clearable placeholder="请输入手机号" />
-            </div>
+            <van-form class="form">
+                <van-cell-group inset>
+                    <van-field required v-model="formData.Name" name="姓名" label="姓名" clearable placeholder="请输入姓名" />
+                    <van-field required type='number' v-model="formData.Phone" name="姓名" label="姓名" clearable placeholder="请输入手机号" />
+                </van-cell-group>
+            </van-form>
             <div class="button register" @click="onRegister">注册</div>
             <div class="button" @click="onLogin">登陆</div>
         </div>