From aa073611f2c656bc8884e578be099480fe705fc4 Mon Sep 17 00:00:00 2001
From: xsx <825657193@qq.com>
Date: Mon, 28 Apr 2025 13:53:18 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D@=E7=9B=B8=E5=85=B3=E7=9A=84?=
 =?UTF-8?q?=E9=83=A8=E5=88=86bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 im-web/src/components/chat/ChatAtBox.vue      |  4 +-
 .../src/components/chat/ChatGroupMember.vue   | 98 ++++++++++---------
 im-web/src/components/chat/ChatInput.vue      |  5 +-
 3 files changed, 56 insertions(+), 51 deletions(-)

diff --git a/im-web/src/components/chat/ChatAtBox.vue b/im-web/src/components/chat/ChatAtBox.vue
index cbd0355..9229896 100644
--- a/im-web/src/components/chat/ChatAtBox.vue
+++ b/im-web/src/components/chat/ChatAtBox.vue
@@ -88,13 +88,13 @@ export default {
 			this.close();
 		},
 		scrollToActive() {
-			if (this.activeIdx * 35 - this.$refs.scrollBox.wrap.clientHeight > this.$refs.scrollBox.wrap.scrollTop) {
+			if (this.activeIdx * 40 - this.$refs.scrollBox.wrap.clientHeight > this.$refs.scrollBox.wrap.scrollTop) {
 				this.$refs.scrollBox.wrap.scrollTop += 140;
 				if (this.$refs.scrollBox.wrap.scrollTop > this.$refs.scrollBox.wrap.scrollHeight) {
 					this.$refs.scrollBox.wrap.scrollTop = this.$refs.scrollBox.wrap.scrollHeight
 				}
 			}
-			if (this.activeIdx * 35 < this.$refs.scrollBox.wrap.scrollTop) {
+			if (this.activeIdx * 40 < this.$refs.scrollBox.wrap.scrollTop) {
 				this.$refs.scrollBox.wrap.scrollTop -= 140;
 				if (this.$refs.scrollBox.wrap.scrollTop < 0) {
 					this.$refs.scrollBox.wrap.scrollTop = 0;
diff --git a/im-web/src/components/chat/ChatGroupMember.vue b/im-web/src/components/chat/ChatGroupMember.vue
index beea61f..dff4da5 100644
--- a/im-web/src/components/chat/ChatGroupMember.vue
+++ b/im-web/src/components/chat/ChatGroupMember.vue
@@ -1,60 +1,64 @@
 <template>
-    <div class="chat-group-member" :class="active ? 'active' : ''" :style="{ 'height': height + 'px' }">
-        <div class="member-avatar">
-            <head-image :size="headImageSize" :name="member.showNickName" :url="member.headImage"> </head-image>
-        </div>
-        <div class="member-name" :style="{ 'line-height': height + 'px' }">
-            <div>{{ member.showNickName }}</div>
-        </div>
-    </div>
+	<div class="chat-group-member" :class="active ? 'active' : ''" :style="{ 'height': height + 'px' }">
+		<div class="member-avatar">
+			<head-image :size="headImageSize" :name="member.showNickName" :url="member.headImage"> </head-image>
+		</div>
+		<div class="member-name" :style="{ 'line-height': height + 'px' }">
+			<div>{{ member.showNickName }}</div>
+		</div>
+	</div>
 </template>
 
 <script>
 import HeadImage from "../common/HeadImage.vue";
 export default {
-    name: "groupMember",
-    components: { HeadImage },
-    data() {
-        return {};
-    },
-    props: {
-        member: {
-            type: Object,
-            required: true
-        },
-        height: {
-            type: Number,
-            default: 50
-        },
-        active: {
-            type: Boolean,
-            default: false
-        }
-    },
-    computed: {
-        headImageSize() {
-            return Math.ceil(this.height * 0.75)
-        }
-    }
+	name: "groupMember",
+	components: { HeadImage },
+	data() {
+		return {};
+	},
+	props: {
+		member: {
+			type: Object,
+			required: true
+		},
+		height: {
+			type: Number,
+			default: 50
+		},
+		active: {
+			type: Boolean,
+			default: false
+		}
+	},
+	computed: {
+		headImageSize() {
+			return Math.ceil(this.height * 0.75)
+		}
+	}
 }
 </script>
 
 <style lang="scss">
 .chat-group-member {
-    display: flex;
-    position: relative;
-    padding: 0 5px;
-    align-items: center;
-    white-space: nowrap;
-    box-sizing: border-box;
+	display: flex;
+	position: relative;
+	padding: 0 5px;
+	align-items: center;
+	white-space: nowrap;
+	box-sizing: border-box;
 
-    .member-name {
-        padding-left: 10px;
-        height: 100%;
-        text-align: left;
-        white-space: nowrap;
-        overflow: hidden;
-        font-size: var(--im-font-size);
-    }
+	&.active {
+		background: #E1EAF7;
+	}
+
+	.member-name {
+		padding-left: 10px;
+		height: 100%;
+		text-align: left;
+		white-space: nowrap;
+		overflow: hidden;
+		font-size: var(--im-font-size);
+	}
 }
-</style>
+</style>
\ No newline at end of file
diff --git a/im-web/src/components/chat/ChatInput.vue b/im-web/src/components/chat/ChatInput.vue
index bed20e8..8888427 100644
--- a/im-web/src/components/chat/ChatInput.vue
+++ b/im-web/src/components/chat/ChatInput.vue
@@ -238,8 +238,9 @@ export default {
 
 		},
 		onBlur(e) {
-			this.updateRange();
-
+			if(!this.atIng){
+				this.updateRange();
+			}
 		},
 		onMousedown() {
 			if (this.atIng) {