From 23cf0a3f5c31018ee86cdf9cf76e030bd77e1404 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=9B=AE=E6=A3=83?= <BT-Muli@outlook.com>
Date: Tue, 3 Sep 2024 13:33:45 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20=E5=B1=95=E7=A4=BA=E6=A5=BC?=
 =?UTF-8?q?=E5=B1=82id&=E5=9B=9E=E5=A4=8Did?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/postReply/tpr-reply.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/postReply/tpr-reply.vue b/src/components/postReply/tpr-reply.vue
index c7ad5e6f..9fc092c7 100644
--- a/src/components/postReply/tpr-reply.vue
+++ b/src/components/postReply/tpr-reply.vue
@@ -49,12 +49,19 @@
         </span>
       </div>
     </div>
+    <div class="tpr-extra">
+      <span>{{ props.modelValue.reply.reply_id }}</span>
+      <span>{{ props.modelValue.reply.floor_id }}F</span>
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
+import { toRaw } from "vue";
+
 import TpParser from "../post/tp-parser.vue";
 
 interface TprReplyProps {
+  mode: "main" | "root" | "sub";
   modelValue: TGApp.Plugins.Mys.Reply.ReplyFull;
 }
 
@@ -67,6 +74,8 @@ interface TprReplyEmits {
 const props = defineProps<TprReplyProps>();
 const emit = defineEmits<TprReplyEmits>();
 
+console.log("TprReply", toRaw(props.modelValue));
+
 function getTime(): string {
   const time = new Date(props.modelValue.reply.created_at * 1000);
   const now = new Date();
@@ -86,13 +95,13 @@ function getTime(): string {
 .tpr-reply-box {
   position: relative;
   display: flex;
-  width: 280px;
+  width: 100%;
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
   padding: 5px;
+  border: 1px solid var(--common-shadow-1);
   border-radius: 5px;
-  margin: 5px;
   background: var(--box-bg-1);
   row-gap: 5px;
   word-break: break-all;
@@ -208,4 +217,14 @@ function getTime(): string {
   cursor: pointer;
   gap: 5px;
 }
+
+.tpr-extra {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  justify-content: flex-end;
+  font-size: 12px;
+  gap: 5px;
+  opacity: 0.3;
+}
 </style>