From 9052a6f4da810a7470a7e3cfe843dc121ced37e3 Mon Sep 17 00:00:00 2001
From: cheng <545895878@qq.com>
Date: Tue, 21 Jul 2026 22:48:35 +0800
Subject: [PATCH] =?UTF-8?q?refactor(components):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6=E5=91=BD?=
 =?UTF-8?q?=E5=90=8D=E8=A7=84=E8=8C=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将 EventCard、FeedCard、FriendItem 组件的点击事件从 'tap' 改为 'item-click'
- 更新相关页面中的事件监听器以匹配新的事件名称
- 在聊天页面优化键盘处理逻辑，添加输入框失焦时的键盘保持功能
- 为圆圈页面添加导航防抖锁，防止页面重复打开
- 调整聊天输入框样式，增加10px缓冲避免与键盘贴合
---
 components/EventCard.vue  |  4 ++--
 components/FeedCard.vue   |  4 ++--
 components/FriendItem.vue |  4 ++--
 pages/chat/chat.vue       | 28 +++++++++++++++++++++-------
 pages/circle/circle.vue   | 10 +++++++---
 5 files changed, 34 insertions(+), 16 deletions(-)

diff --git a/components/EventCard.vue b/components/EventCard.vue
index ad92dc3..5a63155 100644
--- a/components/EventCard.vue
+++ b/components/EventCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="event-card" @click="$emit('tap', event)">
+  <view class="event-card" @click="$emit('item-click', event)">
     <!-- 状态标签 -->
     <view class="event-status" :class="'status-' + event.status">
       <text class="event-status-text">{{ statusLabel }}</text>
@@ -46,7 +46,7 @@ export default {
   props: {
     event: { type: Object, default: () => ({}) }
   },
-  emits: ['tap'],
+  emits: ['item-click'],
   computed: {
     statusLabel() {
       const map = { open: '报名中', ongoing: '进行中', ended: '已结束' }
diff --git a/components/FeedCard.vue b/components/FeedCard.vue
index 22781d9..833e148 100644
--- a/components/FeedCard.vue
+++ b/components/FeedCard.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="feed-card" @click="$emit('tap', feed)">
+  <view class="feed-card" @click="$emit('item-click', feed)">
     <!-- 头部：头像+昵称+时间 -->
     <view class="feed-header">
       <view class="feed-avatar-wrap">
@@ -68,7 +68,7 @@ export default {
   props: {
     feed: { type: Object, default: () => ({}) }
   },
-  emits: ['tap', 'like', 'comment', 'share'],
+  emits: ['item-click', 'like', 'comment', 'share'],
   methods: {
     getCatIcon,
     isIconPath,
diff --git a/components/FriendItem.vue b/components/FriendItem.vue
index b8f71ad..60e5d25 100644
--- a/components/FriendItem.vue
+++ b/components/FriendItem.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="friend-item" @click="$emit('tap', friend)">
+  <view class="friend-item" @click="$emit('item-click', friend)">
     <view class="friend-avatar-wrap">
       <image v-if="friend.avatar" class="friend-avatar" :src="friend.avatar" mode="aspectFill"></image>
       <view v-else class="friend-avatar friend-avatar-ph">
@@ -21,7 +21,7 @@ export default {
   props: {
     friend: { type: Object, default: () => ({}) }
   },
-  emits: ['tap']
+  emits: ['item-click']
 }
 </script>
 
diff --git a/pages/chat/chat.vue b/pages/chat/chat.vue
index 38ab6d3..0fae75f 100644
--- a/pages/chat/chat.vue
+++ b/pages/chat/chat.vue
@@ -103,11 +103,13 @@
           :hold-keyboard="true"
           @confirm="sendMessage"
           @input="onInput"
+          @blur="onInputBlur"
         />
       </view>
       <view
         class="chat-send-btn"
         :class="{ 'chat-send-active': inputText.trim() }"
+        @touchstart="onSendTouch"
         @click="sendMessage"
       >
         <text class="chat-send-icon">➤</text>
@@ -167,7 +169,8 @@ export default {
   computed: {
     inputBarStyle() {
       if (this.keyboardHeight > 0) {
-        return { paddingBottom: this.keyboardHeight + 'px' }
+        // +10px 缓冲，避免输入栏与键盘顶部贴合/遮挡
+        return { paddingBottom: (this.keyboardHeight + 10) + 'px' }
       }
       return {}
     }
@@ -278,11 +281,7 @@ export default {
       this.inputText = ''
       this.$nextTick(() => this.scrollToBottom())
 
-      // 保持键盘不收起：先失焦再重新聚焦输入框（仿微信发送后键盘保留）
-      this.inputFocus = false
-      this.$nextTick(() => {
-        this.inputFocus = true
-      })
+      // 键盘保持由 onInputBlur 处理，无需额外操作
 
       // 通过 WebSocket 发送
       wsManager.send('chat', {
@@ -312,9 +311,24 @@ export default {
       }, 500)
     },
 
+    /** 点击发送按钮时记录时间戳 */
+    onSendTouch() {
+      this._sendTouchedAt = Date.now()
+    },
+
+    /** 输入框失焦：若因点击发送按钮导致，立即重聚焦保持键盘不收起 */
+    onInputBlur() {
+      if (this._sendTouchedAt && Date.now() - this._sendTouchedAt < 500) {
+        this._sendTouchedAt = 0
+        this.inputFocus = false
+        this.$nextTick(() => {
+          this.inputFocus = true
+        })
+      }
+    },
+
     /** 输入时通知对方 */
     onInput() {
-      this.inputFocus = true
       wsManager.send('typing', { receiverId: this.friendId })
     },
 
diff --git a/pages/circle/circle.vue b/pages/circle/circle.vue
index 684a5d4..f65040d 100644
--- a/pages/circle/circle.vue
+++ b/pages/circle/circle.vue
@@ -43,7 +43,7 @@
           :feed="feed"
           @like="handleLike"
           @comment="goDetail"
-          @tap="goDetail"
+          @item-click="goDetail"
         />
         <view v-if="loading" class="circle-loading">
           <text class="circle-loading-text">加载中...</text>
@@ -75,7 +75,7 @@
           v-for="f in friends"
           :key="f.id"
           :friend="f"
-          @tap="goChat(f)"
+          @item-click="goChat(f)"
         />
         <EmptyState
           v-if="!friends.length"
@@ -95,7 +95,7 @@
           v-for="evt in events"
           :key="evt.id"
           :event="evt"
-          @tap="goEventDetail"
+          @item-click="goEventDetail"
         />
         <EmptyState
           v-if="!events.length"
@@ -226,6 +226,10 @@ export default {
       uni.navigateTo({ url: '/pages/friends/friends' })
     },
     goChat(friend) {
+      // 导航防抖锁：防止事件重复触发导致页面打开两次
+      if (this._navLock) return
+      this._navLock = true
+      setTimeout(() => { this._navLock = false }, 600)
       // 根据 friendId 查找对应会话 (f001 -> conv_001)
       const convId = 'conv_' + friend.id.replace('f', '')
       uni.navigateTo({