From 74ff33e1fbb9db3196a7783e102044e52f440fa4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Fri, 8 Nov 2024 13:53:49 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E8=B0=83=E6=95=B4UID=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/post/tp-uid.vue | 38 ++++++++++++++++++++++++----------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/src/components/post/tp-uid.vue b/src/components/post/tp-uid.vue
index 4799a62c..65f9c100 100644
--- a/src/components/post/tp-uid.vue
+++ b/src/components/post/tp-uid.vue
@@ -1,9 +1,10 @@
 <template>
   <div class="tpu-box">
-    <div class="tpu-main">
-      <span>UID {{ props.data.insert.game_user_info.game_uid }}</span>
+    <div class="tpu-top">
       <span @click="copyUid()" data-html2canvas-ignore><v-icon>mdi-content-copy</v-icon>复制</span>
+      <span class="tpu-game">{{ getGameName() }}</span>
     </div>
+    <div class="tpu-main">UID {{ props.data.insert.game_user_info.game_uid }}</div>
     <div class="tpu-sub">
       <span>{{ props.data.insert.game_user_info.nickname }}</span>
       <span>|</span>
@@ -11,7 +12,6 @@
       <span>|</span>
       <span>{{ props.data.insert.game_user_info.level }}级</span>
     </div>
-    <div class="tpu-game">原神</div>
   </div>
 </template>
 <script lang="ts" setup>
@@ -41,6 +41,17 @@ function copyUid(): void {
   navigator.clipboard.writeText(props.data.insert.game_user_info.game_uid);
   showSnackbar({ text: "已复制UID" });
 }
+
+function getGameName(): string {
+  const gameBiz = props.data.insert.game_user_info.game_biz;
+  if (gameBiz.startsWith("hkrpg")) return "崩坏·星穹铁道";
+  if (gameBiz.startsWith("hk4e")) return "原神";
+  if (gameBiz.startsWith("nap")) return "绝区零";
+  if (gameBiz.startsWith("bh2")) return "崩坏学园2";
+  if (gameBiz.startsWith("bh3")) return "崩坏3";
+  if (gameBiz.startsWith("nxx")) return "未定事件簿";
+  return "未知游戏";
+}
 </script>
 <style lang="css" scoped>
 .tpu-box {
@@ -61,6 +72,19 @@ function copyUid(): void {
   color: #a17a58;
 }
 
+.tpu-top {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  margin-left: auto;
+  column-gap: 5px;
+
+  :first-child {
+    cursor: pointer;
+    font-size: 12px;
+  }
+}
+
 .tpu-main {
   display: flex;
   align-items: center;
@@ -68,11 +92,6 @@ function copyUid(): void {
   column-gap: 5px;
   font-family: var(--font-title);
   font-size: 16px;
-
-  :last-child {
-    cursor: pointer;
-    font-size: 12px;
-  }
 }
 
 .tpu-sub {
@@ -84,9 +103,6 @@ function copyUid(): void {
 }
 
 .tpu-game {
-  position: absolute;
-  top: 5px;
-  right: 5px;
   display: flex;
   align-items: center;
   justify-content: center;