From 043fda9e3302ef3156375c8e5065db53519c283d Mon Sep 17 00:00:00 2001
From: BTMuli <BT-Muli@outlook.com>
Date: Thu, 26 Oct 2023 13:45:53 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC=20=E5=A2=9E=E5=8A=A0=E6=98=BE?=
 =?UTF-8?q?=E7=A4=BA=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/itembox/tib-ur-avatar.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/components/itembox/tib-ur-avatar.vue b/src/components/itembox/tib-ur-avatar.vue
index 22427976..757aaf41 100644
--- a/src/components/itembox/tib-ur-avatar.vue
+++ b/src/components/itembox/tib-ur-avatar.vue
@@ -1,5 +1,5 @@
 <template>
-  <TItemBox v-model="box" @click="showData" />
+  <TItemBox v-model="box" :title="hoverTitle" />
 </template>
 <script lang="ts" setup>
 import { onMounted, ref } from "vue";
@@ -13,6 +13,7 @@ interface TibUrAvatarProps {
 
 const props = defineProps<TibUrAvatarProps>();
 const box = ref<TItemBoxData>(<TItemBoxData>{});
+const hoverTitle = ref<string>("点击查看详情");
 const getName = (): string => {
   return props.modelValue.id === 10000005
     ? "旅行者-空"
@@ -36,10 +37,6 @@ onMounted(async () => {
     innerHeight: 20,
     display: "inner",
   };
+  hoverTitle.value = `等级：${props.modelValue.level}\n好感：${props.modelValue.fetter}\n角色ID：${props.modelValue.id}`;
 });
-
-function showData(): void {
-  // todo @click 应该出来的是一个弹窗，而不是 console
-  console.log(props.modelValue);
-}
 </script>