From 17f1b394143c6ab0ad4b0a00e21a6cf8b60ba783 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Wed, 26 Feb 2025 17:27:15 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E4=BA=8C=E7=BB=B4=E7=A0=81?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E7=94=9F=E6=88=90=E5=88=86=E4=BA=AB=E5=9B=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/pageConfig/tco-gameLogin.vue | 25 +++++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/src/components/pageConfig/tco-gameLogin.vue b/src/components/pageConfig/tco-gameLogin.vue
index cf2e27d5..61c03a73 100644
--- a/src/components/pageConfig/tco-gameLogin.vue
+++ b/src/components/pageConfig/tco-gameLogin.vue
@@ -14,6 +14,10 @@
           foreground="var(--box-text-1)"
         />
       </div>
+      <div class="tog-bottom" @click="share()">
+        <img src="/platforms/mhy/launcher.webp" alt="icon" v-if="isLauncherCode" />
+        <img src="/platforms/mhy/mys.webp" alt="icon" v-else />
+      </div>
     </div>
   </TOverlay>
 </template>
@@ -24,6 +28,7 @@ import showSnackbar from "@comp/func/snackbar.js";
 import QrcodeVue from "qrcode.vue";
 import { computed, onUnmounted, ref, watch } from "vue";
 
+import { generateShareImg } from "@/utils/TGShare.js";
 import hk4eReq from "@/web/request/hk4eReq.js";
 import PassportReq from "@/web/request/passportReq.js";
 import takumiReq from "@/web/request/takumiReq.js";
@@ -50,6 +55,15 @@ watch(model, async (value) => {
   }
 });
 
+async function share(): Promise<void> {
+  const shareDom = document.querySelector<HTMLDivElement>(".tog-box");
+  if (shareDom === null) {
+    showSnackbar.error("分享失败");
+    return;
+  }
+  await generateShareImg(`tco-gameLogin`, shareDom);
+}
+
 async function freshQr(): Promise<void> {
   let res;
   if (isLauncherCode.value) res = await PassportReq.qrLogin.create();
@@ -192,4 +206,15 @@ onUnmounted(() => {
   width: 256px;
   height: 256px;
 }
+
+.tog-bottom {
+  margin: 0 auto;
+  cursor: pointer;
+
+  img {
+    width: 32px;
+    height: 32px;
+    border-radius: 4px;
+  }
+}
 </style>