From 0f23391c74d2fd585140390c7c9113c8868e9c44 Mon Sep 17 00:00:00 2001
From: JiXinHui <985276981@qq.com>
Date: Thu, 10 Jul 2025 09:09:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E7=95=99=E8=A8=80=E6=9D=BF=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E5=B0=81=E8=A3=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/MessageItem.vue | 111 +++++++++++++++++++------------------
 1 file changed, 56 insertions(+), 55 deletions(-)

diff --git a/components/MessageItem.vue b/components/MessageItem.vue
index 51ca235..fd7c0b6 100644
--- a/components/MessageItem.vue
+++ b/components/MessageItem.vue
@@ -1,67 +1,65 @@
 <template>
   <view class="message-wrapper">
-    <u-swipe-action>
-      <u-swipe-action-item
-        :options="swipeOptions"
-        :show="item.show"
-        :index="itemIndex"
-        @click="handleSwipeClick"
-        @open="(e) => handleSwipeOpen(e)"
-        @close="(e) => handleSwipeClose(e)"
-        @content-click="closeSwipe"
-        :btn-width="80"
-        :disabled="false"
-      >
-        <view class="message-item">
-          <view class="message-header">
-            <view class="user-info">
-              <image class="avatar" :src="item.avatar || defaultAvatar"></image>
-              <text class="username">{{ item.username }}</text>
-            </view>
-            <view class="message-time">{{ item.time }}</view>
+    <u-swipe-action
+      :index="itemIndex"
+      :show="item.show"
+      :options="swipeOptions"
+      @click="handleSwipeClick"
+      @open="handleSwipeOpen"
+      @close="handleSwipeClose"
+      @content-click="closeSwipe"
+      :btn-width="80"
+      :disabled="false"
+    >
+      <view class="message-item">
+        <view class="message-header">
+          <view class="user-info">
+            <image class="avatar" :src="item.avatar || defaultAvatar"></image>
+            <text class="username">{{ item.username }}</text>
+          </view>
+          <view class="message-time">{{ item.time }}</view>
+        </view>
+
+        <view class="message-content">
+          <view class="question">
+            <view class="question-icon">问</view>
+            <view class="question-text">{{ item.question }}</view>
           </view>
 
-          <view class="message-content">
-            <view class="question">
-              <view class="question-icon">问</view>
-              <view class="question-text">{{ item.question }}</view>
-            </view>
+          <view class="reply-button" @click.stop="onReply" v-if="!item.reply">
+            <u-icon name="chat" color="#4a6cf7" size="16"></u-icon>
+            <text>回复</text>
+          </view>
 
-            <view class="reply-button" @click.stop="onReply" v-if="!item.reply">
-              <u-icon name="chat" color="#4a6cf7" size="16"></u-icon>
-              <text>回复</text>
-            </view>
-
-            <view class="reply-content" v-if="item.reply">
-              <view class="reply-header">
-                <view class="reply-icon">答</view>
-                <view class="reply-info">
-                  <text>{{ item.replyUser }}</text>
-                </view>
-              </view>
-              <view class="reply-text" :class="{ expanded: item.expanded }">{{
-                item.reply
-              }}</view>
-              <view
-                class="expand-button"
-                v-if="item.reply.length > 100"
-                @click.stop="toggleExpand"
-              >
-                {{ item.expanded ? "收起" : "展开" }}
-                <u-icon
-                  :name="item.expanded ? 'arrow-up' : 'arrow-down'"
-                  size="12"
-                ></u-icon>
+          <view class="reply-content" v-if="item.reply">
+            <view class="reply-header">
+              <view class="reply-icon">答</view>
+              <view class="reply-info">
+                <text>{{ item.replyUser }}</text>
               </view>
             </view>
-
-            <view class="reply-button" @click.stop="onReply" v-if="item.reply">
-              <u-icon name="chat" color="#4a6cf7" size="16"></u-icon>
-              <text>回复</text>
+            <view class="reply-text" :class="{ expanded: item.expanded }">{{
+              item.reply
+            }}</view>
+            <view
+              class="expand-button"
+              v-if="item.reply.length > 100"
+              @click.stop="toggleExpand"
+            >
+              {{ item.expanded ? "收起" : "展开" }}
+              <u-icon
+                :name="item.expanded ? 'arrow-up' : 'arrow-down'"
+                size="12"
+              ></u-icon>
             </view>
           </view>
-        </view></u-swipe-action-item
-      >
+
+          <view class="reply-button" @click.stop="onReply" v-if="item.reply">
+            <u-icon name="chat" color="#4a6cf7" size="16"></u-icon>
+            <text>回复</text>
+          </view>
+        </view>
+      </view>
     </u-swipe-action>
   </view>
 </template>
@@ -100,15 +98,18 @@ export default {
   methods: {
     handleSwipeClick(e) {
       const { index } = e; // 点击的按钮索引
+
       if (index === 0) {
         // 删除按钮
         this.$emit("delete", this.itemIndex);
       }
     },
     handleSwipeOpen(e) {
+      // uView 1.x的事件参数格式与2.x不同
       this.$emit("open-swipe", this.itemIndex);
     },
     handleSwipeClose(e) {
+      // uView 1.x的事件参数格式与2.x不同
       this.item.show = false;
     },
     closeSwipe() {