From 663e63db3e58c4543fd17686c7548f396f162acb Mon Sep 17 00:00:00 2001
From: BTMuli <bt-muli@outlook.com>
Date: Fri, 10 Apr 2026 13:58:29 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=A8=20=E4=BF=AE=E5=A4=8D=E7=BC=96?=
 =?UTF-8?q?=E8=AF=91=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/viewPost/tp-uid.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/viewPost/tp-uid.vue b/src/components/viewPost/tp-uid.vue
index 7b355fa4..349c5fa6 100644
--- a/src/components/viewPost/tp-uid.vue
+++ b/src/components/viewPost/tp-uid.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="tpu-box">
     <div class="tpu-top">
-      <span @click="copyUid()" data-html2canvas-ignore>
+      <span data-html2canvas-ignore @click="copyUid()">
         <v-icon size="12">mdi-content-copy</v-icon>
         <span>复制</span>
       </span>
@@ -21,7 +21,7 @@
 import showSnackbar from "@comp/func/snackbar.js";
 import useBBSStore from "@store/bbs.js";
 import { storeToRefs } from "pinia";
-import { onMounted, ref, shallowRef } from "vue";
+import { computed, onMounted, ref, shallowRef } from "vue";
 
 type TpUid = {
   insert: {
@@ -53,6 +53,8 @@ const cardInfo = shallowRef<TGApp.BBS.AppConfig.GameUidCardConf>(defaultCard);
 
 console.log("tpUid", props.data.insert.game_user_info);
 
+const bgImage = computed<string>(() => `url('${cardInfo.value.image_url}')`);
+
 onMounted(async () => {
   nickname.value = decodeURIComponent(props.data.insert.game_user_info.nickname);
   gameInfo.value = getGameInfo();
@@ -82,7 +84,7 @@ function getGameInfo(): TGApp.BBS.Game.Item | undefined {
   padding: 4px 4px 8px;
   border-radius: 2px;
   background-color: v-bind("cardInfo.background_color");
-  background-image: v-bind("'url(' + cardInfo.image_url + ')'");
+  background-image: v-bind(bgImage); /* stylelint-disable-line value-keyword-case */
   background-position: right bottom;
   background-repeat: no-repeat;
   background-size: contain;