From 1ec871cd90335bb8a3a36b594379244ca38a181d Mon Sep 17 00:00:00 2001
From: Kubbo <390378816@qq.com>
Date: Sun, 22 Dec 2024 11:45:07 +0800
Subject: [PATCH] =?UTF-8?q?refactor(login):=20=E9=87=8D=E6=9E=84=E7=99=BB?=
 =?UTF-8?q?=E5=BD=95=E9=A1=B5=E9=9D=A2=E5=B9=B6=E4=BC=98=E5=8C=96=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E7=BB=91=E5=AE=9A=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整页面布局，使内容居中显示
- 移除不必要的键盘事件监听代码
- 抽离 handleBind 和 processLogin 函数，提高代码复用性
- 修改按钮点击事件处理方式，使用 onclick 属性
---
 linuxdo.php | 72 ++++++++++++++++++++++++-----------------------------
 1 file changed, 32 insertions(+), 40 deletions(-)
diff --git a/linuxdo.php b/linuxdo.php
index 0750c54..592fe2f 100644
--- a/linuxdo.php
+++ b/linuxdo.php
@@ -162,55 +162,47 @@ function get_curl($url, $post = 0, $referer = 0, $cookie = 0, $header = 0, $ua =
     <meta name="keywords" content="<?= $_CONFIG['game_name'] ?>,<?= $_CONFIG['game_description'] ?>">
 
     <link rel="stylesheet" href="static/css/login.css?v=1.1.6" />
+
     <script>
-        document.onkeydown = document.onkeyup = document.onkeypress = function (event) {
-            var e = event || window.event || arguments.callee.caller.arguments[0];
-            if (e && e.keyCode == 123) {
-                e.returnValue = false;
-                return false;
-            }
+        function handleBind(account, linuxdo_account) {
+            return fetch("/linuxdo?act=bind&account=" + account + "&connect_id=" + linuxdo_account).then(res => {
+                const { password } = res.data
+                location.href = "/play?account=" + document.getElementById("linuxdo").value + "&token=" + password;
+            })
         }
+        function processLogin(params = {}, connect_id) {
+            const formData = new FormData();
+            formData.append("serverId", "1");
+            Object.entries(params).forEach(([key, value]) => formData.append(key, value));
+            fetch("/api?act=reg", { method: "POST", body: formData }).then(res => {
+                if (res.code == '0') {
+                    handleBind(res.data.account, connect_id)
+                } else {
+                    showTips(res.msg, 6, 'error');
+                    return
+                })
+        })
+                            }
+        function registerDirect() {
+            const linuxdo_account = document.getElementById("linuxdo").value;
+            processLogin({ type: "1", account: linuxdo_account, password: "1", password2: "1" }, linuxdo_account)
+        }
+        function linkAccount() {
+            const account = document.getElementById("account").value;
+            const password = document.getElementById("password").value;
+            const linuxdo_account = document.getElementById("linuxdo").value;
+            processLogin({ type: "0", account, password, }, linuxdo_account)
+        }
+
     </script>
 </head>
 
 <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">
     <?php if (empty($row)) { ?>
-        <div style="width:400px">
+        <div style="width:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;justify-content:center;align-items:center;flex-direction:column;">
             当前尚未有你的游戏账号,请选择<br>
             <a onclick="registerDirect" style="cursor:pointer"><b>Linuxdo账号绑定</b></a></br>
             <input type="hidden" id="linuxdo" value="<?= $userInfo['user_username'] ?>">
-            <script>
-                function handleBind(account, linuxdo_account) {
-                    return fetch("/linuxdo?act=bind&account=" + account + "&connect_id=" + linuxdo_account).then(res => {
-                        const { password } = res.data
-                        location.href = "/play?account=" + document.getElementById("linuxdo").value + "&token=" + password;
-                    })
-                }
-                function processLogin(params = {}, connect_id) {
-                    const formData = new FormData();
-                    formData.append("serverId", "1");
-                    Object.entries(params).forEach(([key, value]) => formData.append(key, value));
-                    fetch("/api?act=reg", { method: "POST", body: formData }).then(res => {
-                        if (res.code == '0') {
-                            handleBind(res.data.account, connect_id)
-                        } else {
-                            showTips(res.msg, 6, 'error');
-                            return
-                        })
-                })
-                            }
-                function registerDirect() {
-                    const linuxdo_account = document.getElementById("linuxdo").value;
-                    processLogin({ type: "1", account: linuxdo_account, password: "1", password2: "1" }, linuxdo_account)
-                }
-                function linkAccount() {
-                    const account = document.getElementById("account").value;
-                    const password = document.getElementById("password").value;
-                    const linuxdo_account = document.getElementById("linuxdo").value;
-                    processLogin({ type: "0", account, password, }, linuxdo_account)
-                }
-
-            </script>
             <br>
             如果已有账号,请输入账号和密码<br>
             <input type="text" id="account" placeholder="请输入账号" onKeyUp="value = value.replace(/[\W]/g, '')"
@@ -218,7 +210,7 @@ function get_curl($url, $post = 0, $referer = 0, $cookie = 0, $header = 0, $ua =
             <br>
             <input type="password" id="password" placeholder="请输入密码">
             <br>
-            <button type="submit" @click="linkAccount">绑定并登录</button>
+            <button type="submit" onclick="linkAccount">绑定并登录</button>
         </div>
     <?php } ?>
 </body>
