From 77afb0bb3cdd638f47ee839886e654116ee403f4 Mon Sep 17 00:00:00 2001
From: Ethereal <3432649580@qq.com>
Date: Tue, 28 Oct 2025 13:47:00 +0800
Subject: [PATCH] =?UTF-8?q?=E7=99=BB=E5=BD=95=E6=B3=A8=E5=86=8C=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BC=98=E5=8C=96=E7=99=BB=E5=BD=95=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/start/Registration/Registration.vue |  31 ++++++++++++++++++++++++++++--
 pages/start/login/login.vue               |  31 ++++++++++++++++++++++++++++--
 static/icons/loading.png                  | Bin 0 -> 1732 bytes
 3 files changed, 58 insertions(+), 4 deletions(-)
 create mode 100644 static/icons/loading.png

diff --git a/pages/start/Registration/Registration.vue b/pages/start/Registration/Registration.vue
index ab17cbc..b2cb182 100644
--- a/pages/start/Registration/Registration.vue
+++ b/pages/start/Registration/Registration.vue
@@ -146,7 +146,14 @@
     </view>
 
     <!-- 注册按钮 -->
-    <button class="register-btn" @click="register">注册</button>
+    <button class="register-btn" @click="register">
+      <text v-if="!isLoading">注册</text>
+      <image
+        v-else
+        class="icons-rotation"
+        src="../../../static/icons/loading.png"
+      ></image>
+    </button>
 
     <!-- 或者 -->
     <text class="or-text" @click="goToLogin"
@@ -204,6 +211,7 @@ const isCodeBtnDisabled = ref(false); // 添加验证码按钮禁用状态
 const checkboxUrl = ref("../../../static/icons/Check-one-false.png");
 const verifyCode = ref("");
 const account = ref("");
+const isLoading = ref(false);
 
 // 使用从list.js导入的完整国家列表数据
 const countries = ref(
@@ -261,6 +269,7 @@ async function register() {
 
   const account = changeAccount();
   const registerType = changeLoginType();
+  isLoading.value = true;
 
   const res = await registerApi({
     registerType: registerType,
@@ -269,6 +278,8 @@ async function register() {
     agree: agreed.value,
   });
 
+  isLoading.value = false;
+
   const message = res.message;
   if (res.code === 200) {
     // 登录成功
@@ -514,7 +525,6 @@ async function sendCode() {
       });
     }
   }
- 
 
   // 设置按钮为禁用状态
   isCodeBtnDisabled.value = true;
@@ -656,6 +666,23 @@ function handleCancel() {
   /* margin-right: 10rpx; */
 }
 
+.icons-rotation {
+  margin: 20rpx;
+  width: 40rpx;
+  height: 40rpx;
+  /* margin-right: 10rpx; */
+  animation: rotation 2s linear infinite;
+}
+
+@keyframes rotation {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
 .back-btn,
 .headphone-btn {
   font-size: 36rpx;
diff --git a/pages/start/login/login.vue b/pages/start/login/login.vue
index 670af71..5b19cf6 100644
--- a/pages/start/login/login.vue
+++ b/pages/start/login/login.vue
@@ -191,7 +191,14 @@
     </view>
 
     <!-- 注册按钮 -->
-    <button class="register-btn" @click="Login">登录</button>
+    <button class="register-btn" @click="Login">
+      <text v-if="!isLoading">登录</text>
+      <image
+        v-else
+        class="icons-rotation"
+        src="../../../static/icons/loading.png"
+      ></image>
+    </button>
 
     <!-- 或者 -->
     <text class="or-text" @click="goToRegistration"
@@ -274,6 +281,7 @@ const isCodeBtnDisabled = ref(false); // 添加验证码按钮禁用状态
 const checkboxUrl = ref("../../../static/icons/Check-one-false.png");
 const verifyCode = ref("");
 const account = ref("");
+const isLoading = ref(false);
 
 // 使用从list.js导入的完整国家列表数据
 const countries = ref(
@@ -341,7 +349,7 @@ async function Login() {
 
   const account = changeAccount();
   const loginType = changeLoginType();
-
+  isLoading.value = true;
   const res = await LoginApi({
     loginType: loginType,
     account: account,
@@ -350,6 +358,7 @@ async function Login() {
     useCode: verifyCode.value ? true : false,
     idToken: "",
   });
+  isLoading.value = false;
 
   const message = res.message;
   if (res.code === 200) {
@@ -789,6 +798,24 @@ function validatePhoneNumber(countryCode, phoneNumber) {
   /* margin-right: 10rpx; */
 }
 
+.icons-rotation {
+  margin: 20rpx;
+  width: 40rpx;
+  height: 40rpx;
+  /* margin-right: 10rpx; */
+  animation: rotation 2s linear infinite;
+}
+
+@keyframes rotation {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+
 .back-btn,
 .headphone-btn {
   font-size: 36rpx;
diff --git a/static/icons/loading.png b/static/icons/loading.png
new file mode 100644
index 0000000000000000000000000000000000000000..fdf8b06069f959d4a798f3a4176f100bbaf518a8
GIT binary patch
literal 1732
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
a)5`zU+PZ$5ln*cf0000<MNUMnLSTZYSuH^T

literal 0
HcmV?d00001