From 2a6aa046e2241cb75d5c15cf3c232caea8906a37 Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Thu, 2 Apr 2026 12:44:46 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20=E6=B7=BB=E5=8A=A0=E6=8F=90?=
 =?UTF-8?q?=E7=A4=BA=EF=BC=8C=E9=98=B2=E6=AD=A2=E7=94=A8=E6=88=B7=E8=AF=AF?=
 =?UTF-8?q?=E8=A7=A3?=
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, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/pageConfig/tco-gameLogin.vue b/src/components/pageConfig/tco-gameLogin.vue
index 9b4100ce..8e7b47bc 100644
--- a/src/components/pageConfig/tco-gameLogin.vue
+++ b/src/components/pageConfig/tco-gameLogin.vue
@@ -1,16 +1,18 @@
+<!-- 游戏扫码登录浮窗 -->
 <template>
-  <TOverlay v-model="model" hide blur-val="20px">
+  <TOverlay v-model="model" blur-val="20px" hide>
     <div class="tog-box">
       <div class="tog-top">
         <div class="tog-title">请使用米游社进行扫码操作</div>
+        <div class="tog-hint">仅用于登录米社账号，与实际游戏账号无关</div>
         <div class="tog-select">
           <div
-            class="tog-select-item"
             v-for="item in selects"
             :key="item.value"
             :class="{ active: codeGid === item.value }"
-            @click="codeGid = item.value"
             :title="item.title"
+            class="tog-select-item"
+            @click="codeGid = item.value"
           >
             <img :src="item.icon" alt="icon" />
           </div>
@@ -20,20 +22,20 @@
       <div class="tog-mid">
         <qrcode-vue
           v-if="codeUrl"
-          class="tog-qr"
-          :value="codeUrl"
-          render-as="svg"
           :background="'var(--tgc-white-1)'"
           :foreground="'var(--tgc-dark-7)'"
+          :value="codeUrl"
+          class="tog-qr"
+          render-as="svg"
         />
       </div>
       <div class="tog-bottom" @click="share()">
-        <img src="/platforms/mhy/mys.webp" alt="icon" />
+        <img alt="icon" src="/platforms/mhy/mys.webp" />
       </div>
     </div>
   </TOverlay>
 </template>
-<script setup lang="ts">
+<script lang="ts" setup>
 import TOverlay from "@comp/app/t-overlay.vue";
 import showLoading from "@comp/func/loading.js";
 import showSnackbar from "@comp/func/snackbar.js";
@@ -174,7 +176,7 @@ onUnmounted(() => {
   cycleTimer = null;
 });
 </script>
-<style lang="css" scoped>
+<style lang="scss" scoped>
 .tog-box {
   display: flex;
   flex-direction: column;
@@ -201,6 +203,11 @@ onUnmounted(() => {
   font-size: 20px;
 }
 
+.tog-hint {
+  color: var(--tgc-od-red);
+  font-size: 14px;
+}
+
 .tog-select {
   position: relative;
   display: flex;