From 55433c05ab082837e101991363c15e85383f0dd5 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Tue, 12 Dec 2023 18:12:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8Dbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/chat/customer_list/chat.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/pages/chat/customer_list/chat.vue b/pages/chat/customer_list/chat.vue
index 40a218e..da8a1cc 100644
--- a/pages/chat/customer_list/chat.vue
+++ b/pages/chat/customer_list/chat.vue
@@ -758,6 +758,7 @@
 					</div>
 				</div>
 				<div :style=" active === true ? 'height:' + footerConH + 'rem;' : 'height:' + footerH + 'rem;'"></div>
+        <div :style=" active === true ? 'height: 0;' : 'height: 2rem;'"></div>
 			</scroll-view>
 		</view>
 		<view style="height: 100rpx;"></view>
@@ -771,9 +772,9 @@
 						{{ speak }}
 					</div>
 					<view class="input_count">
-						<input type="text" placeholder-class='placeholder' placeholder="输入内容" class="input" ref="input"
+						<input type="text" placeholder-class='placeholder' :disabled="active" placeholder="输入内容" class="input" ref="input"
 							v-show="!voice" @input="bindInput" @keyup="keyup" @focus="focus" cursor-spacing="20"
-							v-model="textCon">
+							v-model="textCon" @click="handleClick">
 						<div class="send iconfont icon-fasong" :style="'color:'+iconColor" @click="sendTest"></div>
 					</view>
 				</div>
@@ -1382,6 +1383,11 @@
 			focus: function() {
 				this.active = false;
 			},
+      handleClick(){
+        if(this.active){
+          this.active = false;
+        }
+      },
 			keyup: function() {
 				if (this.$refs.input.value.length > 0) {
 					this.sendColor = true;
@@ -1537,7 +1543,7 @@
 							self.scrollTop = parseInt(scrollTop) + 100
 						}
 					}).exec()
-				}, 1000)
+				}, 200)
 			},
 			// 滚动到头部
 			bindScroll() {
@@ -1603,7 +1609,8 @@
 		margin-top: 20rpx;
 		width: 710rpx;
 		position: fixed;
-		bottom: 120rpx;
+		bottom: 180rpx;
+    bottom: calc(180rpx + env(safe-area-inset-bottom)); /* 适应底部安全距离 */
 		left: 20rpx;
 
 		.broadcast-details_box,
@@ -1943,9 +1950,10 @@
 		transition: all 0.005s cubic-bezier(0.25, 0.5, 0.5, 0.9);
 		background-color: #fff;
 		position: fixed;
-		bottom: 0;
+		// bottom:var(--status-bar-height);
+		bottom: 20rpx;
+		bottom: calc(20rpx + env(safe-area-inset-bottom) );
 		left: 0;
-		margin-bottom:  var(--status-bar-height);;
 	}
 
 	.broadcast-details .footerCon.on {