From 785040ecc83f2f4bad90cca779d4dedf9e5cd237 Mon Sep 17 00:00:00 2001
From: duanshuwen <duanshuwen@gogpay.cn>
Date: Wed, 12 Nov 2025 19:40:14 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A4=87=E6=A1=88=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/login/index.vue         | 61 +++++++++----------------------
 src/pages/login/styles/index.scss | 10 ++++-
 2 files changed, 26 insertions(+), 45 deletions(-)

diff --git a/src/pages/login/index.vue b/src/pages/login/index.vue
index 712cab0..bc5aea9 100644
--- a/src/pages/login/index.vue
+++ b/src/pages/login/index.vue
@@ -13,6 +13,19 @@
       <image class="w-full h-full" :src="logo" mode="widthFix" />
     </view>
 
+    <view class="form">
+      <view
+        class="bg-white border-box p-12 rounded-10 flex flex-items-center mb-16"
+      >
+        <uni-icons class="mr-8" type="phone-filled" size="20" color="#999" />
+        <input class="w-272" type="tel" placeholder="请输入手机号" />
+      </view>
+      <view class="bg-white border-box p-12 rounded-10 flex flex-items-center">
+        <uni-icons class="mr-8" type="locked-filled" size="20" color="#999" />
+        <input class="w-272" type="text" password placeholder="请输入密码" />
+      </view>
+    </view>
+
     <!-- 协议勾选 -->
     <view class="login-agreement flex flex-items-center">
       <CheckBox v-model="isAgree">
@@ -36,36 +49,8 @@
     <!-- 按钮区域 -->
     <view class="login-btn-area">
       <!-- 同意隐私协议并获取手机号按钮 -->
-
-      <button
-        v-if="!isAgree"
-        class="login-btn"
-        type="primary"
-        @click="handleAgreeAndGetPhone"
-      >
-        <uni-icons type="weixin" size="20" color="#fff"></uni-icons>
-        微信一键登录
-      </button>
-
-      <button
-        v-if="isAgree && !appStore.tokenExpired"
-        class="login-btn"
-        type="primary"
-        open-type="getPhoneNumber"
-        @getphonenumber="getPhoneNumber"
-      >
-        <uni-icons type="weixin" size="20" color="#fff"></uni-icons>
-        微信一键登录
-      </button>
-
-      <button
-        v-if="isAgree && appStore.tokenExpired"
-        class="login-btn"
-        type="primary"
-        @click="handleLogin"
-      >
-        <uni-icons type="weixin" size="20" color="#fff"></uni-icons>
-        微信一键登录
+      <button class="login-btn" type="primary" @click="onSubmitForm">
+        登 录
       </button>
     </view>
 
@@ -100,8 +85,8 @@ const privacyAgreement = ref("");
 const AgreeType = ref("service");
 const logo = computed(() => getCurrentConfig().logo);
 
-// 同意隐私协议并获取手机号
-const handleAgreeAndGetPhone = () => {
+// 提交表单操作
+const onSubmitForm = () => {
   if (!isAgree.value) {
     uni.showToast({
       title: "请先同意服务协议和隐私协议",
@@ -111,18 +96,6 @@ const handleAgreeAndGetPhone = () => {
   }
 };
 
-const getPhoneNumber = (e) => {
-  onLogin(e)
-    .then(() => {
-      uni.showToast({
-        title: "登录成功",
-        icon: "success",
-      });
-      goBack();
-    })
-    .catch(() => {});
-};
-
 const handleLogin = () => {
   console.log("handleLogin");
   onLogin()
diff --git a/src/pages/login/styles/index.scss b/src/pages/login/styles/index.scss
index 0057239..a4d47ed 100644
--- a/src/pages/login/styles/index.scss
+++ b/src/pages/login/styles/index.scss
@@ -36,8 +36,16 @@
     }
   }
 
+  .form {
+    margin-top: 40px;
+  }
+
+  .w-272 {
+    width: 272px;
+  }
+
   .login-agreement {
-    margin-top: 80px;
+    margin-top: 40px;
     width: 304px;
   }
 }