💄 添加回复用户

src/components/postReply/tpr-main.vue

@@ -6,7 +6,6 @@
       v-model="showOverlay"
       :persistent="true"
       :no-click-animation="true"
-      z-index="0"
     >
       <template #activator="{ props }">
         <v-btn
@@ -44,7 +43,7 @@
           </v-btn>
         </div>
         <v-list class="tpr-reply-list">
-          <TprReply v-for="(item, index) in reply" :key="index" :modelValue="item" />
+          <TprReply v-for="(item, index) in reply" :key="index" :modelValue="item" mode="main" />
           <div v-if="isLast" class="tpr-list-item">
             <v-chip color="info" label>没有更多了</v-chip>
           </div>

src/components/postReply/tpr-reply.vue

@@ -52,10 +52,14 @@
             location="end"
             :close-on-content-click="false"
             v-model="showSub"
-            z-index="0"
           >
             <v-list class="tpr-reply-sub" width="300px" max-height="400px">
-              <TprReply v-for="(reply, index) in subReplies" :key="index" :modelValue="reply" />
+              <TprReply
+                v-for="(reply, index) in subReplies"
+                :key="index"
+                :modelValue="reply"
+                mode="sub"
+              />
               <div v-if="isLast" class="tpr-list-item">
                 <v-chip color="info" label>没有更多了</v-chip>
               </div>
@@ -67,9 +71,12 @@
         </span>
       </div>
     </div>
-    <div class="tpr-extra">
-      <span>{{ props.modelValue.reply.reply_id }}</span>
-      <span>{{ props.modelValue.reply.floor_id }}F</span>
+    <div class="tpr-extra" :title="`ID:${props.modelValue.reply.reply_id}`">
+      <span v-if="props.modelValue.r_user" class="tpr-reply-user">
+        <span>回复</span>
+        <span>{{ props.modelValue.r_user.nickname }}</span>
+      </span>
+      <span v-if="props.mode === 'main'">{{ props.modelValue.reply.floor_id }}F</span>
     </div>
   </div>
 </template>
@@ -81,6 +88,7 @@ import showSnackbar from "../func/snackbar.js";
 import TpParser from "../post/tp-parser.vue";
 
 interface TprReplyProps {
+  mode: "main" | "sub";
   modelValue: TGApp.Plugins.Mys.Reply.ReplyFull;
 }
 
@@ -279,6 +287,19 @@ async function loadSub(): Promise<void> {
   opacity: 0.3;
 }
 
+.tpr-reply-user {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+
+  :last-child {
+    color: #00c3ff;
+    text-decoration: underline solid #00c3ff;
+    text-underline-position: under;
+  }
+}
+
 .tpr-reply-sub {
   position: relative;
   display: flex;

src/plugins/Mys/types/Reply.d.ts

@@ -113,7 +113,7 @@ declare namespace TGApp.Plugins.Mys.Reply {
    * @property {Array<ReplyFull>} sub_replies - 子回复数据
    * @property {boolean} is_lz - 是否楼主
    * @property {number} sub_reply_count - 子回复数量
-   * @property {unknown} r_user - 未知数据
+   * @property {TGApp.Plugins.Mys.User.Reply} r_user - 回复用户数据
    * @property {unknown} r_reply - 未知数据
    * @property {unknown} r_post - 未知数据
    * @property {unknown} user_game_info - 未知数据
@@ -129,7 +129,7 @@ declare namespace TGApp.Plugins.Mys.Reply {
     sub_replies: Array<ReplyFull>;
     is_lz: boolean;
     sub_reply_count: number;
-    r_user: unknown;
+    r_user: TGApp.Plugins.Mys.User.Reply | null;
     r_reply: unknown;
     r_post: unknown;
     user_game_info: unknown;