From 1fde0e423c969a3e47149adab66a737f0902480f Mon Sep 17 00:00:00 2001
From: Ethereal <3432649580@qq.com>
Date: Thu, 23 Oct 2025 15:10:45 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E6=B7=BB=E6=89=8B=E6=9C=BA=E9=AA=8C?=
=?UTF-8?q?=E8=AF=81=E7=A0=81=E7=99=BB=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
pages/start/login/login.vue | 176 +++++++++++++++++++++++++++++++-------
static/icons/Frame.png | Bin 0 -> 837 bytes
static/icons/GoogleIcons.png | Bin 0 -> 4000 bytes
static/icons/Iphone.png | Bin 0 -> 607 bytes
static/icons/Mail.png | Bin 0 -> 709 bytes
static/icons/People-safe.png | Bin 0 -> 1514 bytes
static/icons/Text-recognition.png | Bin 0 -> 726 bytes
static/icons/Unlock.png | Bin 0 -> 905 bytes
static/icons/appleIcons.png | Bin 0 -> 3304 bytes
static/icons/headset.png | Bin 647 -> 1376 bytes
10 files changed, 145 insertions(+), 31 deletions(-)
create mode 100644 static/icons/Frame.png
create mode 100644 static/icons/GoogleIcons.png
create mode 100644 static/icons/Iphone.png
create mode 100644 static/icons/Mail.png
create mode 100644 static/icons/People-safe.png
create mode 100644 static/icons/Text-recognition.png
create mode 100644 static/icons/Unlock.png
create mode 100644 static/icons/appleIcons.png
diff --git a/pages/start/login/login.vue b/pages/start/login/login.vue
index c1ad80e..ab5e5d7 100644
--- a/pages/start/login/login.vue
+++ b/pages/start/login/login.vue
@@ -5,11 +5,17 @@
class="custom-navbar"
:style="{ paddingTop: safeAreaInsets?.top + 'px' }"
>
-
+
- 🎧
+
+
@@ -36,22 +42,36 @@
-
+
+
+
+
+
+
+
+
+
+
+
{{ selectedCountry.code }}
- ▼
+
+
+
+
+
+
+
+
@@ -74,7 +114,7 @@
通过 Apple 继续
@@ -83,7 +123,7 @@
通过 Google 继续
@@ -104,10 +144,13 @@ import { ref } from "vue";
import countryList from "./list.js";
const email = ref("");
+const password = ref("");
const phone = ref("");
const agreed = ref(false);
const switchType = ref("Email"); // 默认是邮箱注册
const { safeAreaInsets } = uni.getSystemInfoSync();
+const codeBtnText = ref("获取验证码");
+const isCodeBtnDisabled = ref(false); // 添加验证码按钮禁用状态
// 使用从list.js导入的完整国家列表数据
const countries = ref(
@@ -194,15 +237,14 @@ function loginWithApple() {
provider: "apple",
success: function (info) {
// 获取用户信息成功, info.authResult中保存登录认证数据
- console.log(info);
+ console.log(info);
},
});
},
fail: function (err) {
// 登录授权失败
// err.code错误码参考`授权失败错误码(code)说明`
- console.log(err);
-
+ console.log(err);
},
});
}
@@ -218,14 +260,14 @@ function loginWithGoogle() {
provider: "google",
success: function (info) {
// 获取用户信息成功, info.authResult保存用户信息
- console.log(info);
+ console.log(info);
},
});
},
fail: function (err) {
// 登录授权失败
// err.code是错误码
- console.log(err);
+ console.log(err);
},
});
}
@@ -247,6 +289,29 @@ function onPhoneInput(e) {
phone.value = value;
}
}
+
+function sendCode(){
+ // 如果按钮已禁用，则不执行后续逻辑
+ if (isCodeBtnDisabled.value) return;
+
+ // 设置按钮为禁用状态
+ isCodeBtnDisabled.value = true;
+ codeBtnText.value = "重新发送"
+ let time = 6
+ const timer = setInterval(() => {
+ time--
+ codeBtnText.value = "重新发送 " + time + "s"
+ if (time <= 0) {
+ clearInterval(timer)
+ codeBtnText.value = "重新发送"
+ // 倒计时结束后启用按钮
+ isCodeBtnDisabled.value = false;
+ }
+ }, 1000)
+
+
+ return
+}