From 34163edd8b5b009e9d3094d5a8c175cb8bc66daf Mon Sep 17 00:00:00 2001
From: junleea <354425203@qq.com>
Date: Thu, 1 May 2025 13:30:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0facebook=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=96=B9=E5=BC=8F=EF=BC=8C=E4=BF=AE=E6=94=B9=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/pages/login.vue   | 27 ++++++++++++++++-----------
 src/views/pages/ucenter.vue |  2 ++
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/src/views/pages/login.vue b/src/views/pages/login.vue
index 76095b6..438850b 100644
--- a/src/views/pages/login.vue
+++ b/src/views/pages/login.vue
@@ -134,12 +134,16 @@ const  thirdPartyLogoInfoList = ref([
   },
   {
     name: "qq",
-    logo: "https://wiki.connect.qq.com/wp-content/uploads/2016/12/Connect_logo_4.png",
+    logo: "https://wiki.connect.qq.com/wp-content/uploads/2016/12/Connect_logo_7.png",
   },
   {
     name: "google",
     logo: "https://www.ljsea.top/wp-content/uploads/2025/04/google-logo_resized.png",
   },
+  {
+    name: "facebook",
+    logo: "https://www.ljsea.top/wp-content/uploads/2025/05/icons8-facebook.png",
+  }
 ]);
 
 
@@ -155,6 +159,7 @@ const thirdPartyPlatform = ref([
     { label: 'Github', value: 'github' },
     { label: 'Gitee', value: 'gitee' },
     { label: 'Google', value: 'google' },
+    { label: 'Facebook', value: 'facebook'}
 ]);
 
 const thirdLogin = async (type) => {
@@ -171,15 +176,12 @@ const thirdLogin = async (type) => {
   }
   let result={};
   //平台
-  for(let i = 0; i < thirdPartyPlatform.value.length; i++) {
-    if (thirdPartyPlatform.value[i].value === type) {
-        break;
-    }
-    if (i === thirdPartyPlatform.value.length - 1) {
-        ElMessage.error("不支持的登录平台！请稍后再试："+type);
-        return;
-    }
-  }
+  // for(let i = 0; i < thirdPartyLogoInfoList.value.length; i++) {
+  //   if(thirdPartyLogoInfoList.value[i].name === type) {
+  //     result = thirdPartyLogoInfoList.value[i];
+  //     break;
+  //   }
+  // }
   result = await getThirdPartyLoginUrl({uuid: uuid,"type": "login", "platform": type });
   if (result["code"] !== 0) {
     ElMessage.error("获取登录地址失败！请稍后再试");
@@ -323,7 +325,7 @@ const getMyUserInfo = async (id) => {
 }
 
 .login-container {
-  width: 450px;
+  width: 470px;
   border-radius: 5px;
   background: #fff;
   padding: 40px 50px 50px;
@@ -345,6 +347,9 @@ const getMyUserInfo = async (id) => {
 
 .login-btn {
   display: block;
+  /* 文字水平竖直居中 */
+  text-align: center;
+
   width: 100%;
 }
 
diff --git a/src/views/pages/ucenter.vue b/src/views/pages/ucenter.vue
index c562c31..39d75dd 100644
--- a/src/views/pages/ucenter.vue
+++ b/src/views/pages/ucenter.vue
@@ -168,6 +168,7 @@ const thirdPartyPlatform = ref([
     { label: 'Github', value: 'github' },
     { label: 'Gitee', value: 'gitee' },
     { label: 'Google', value: 'google' },
+    { label: 'Facebook', value: 'facebook'}
 ]);
 
 
@@ -447,6 +448,7 @@ const thirdLogin = async (type) => {
       localStorage.setItem("username", status["username"]);
       let now = new Date();
       localStorage.setItem("end_time", (now.setDate(now.getHours() + 12)).toString()); //过期时间
+      getThirdPartyUserInfo();
       return;
     }
   }, 2000);