优化聊天区域滑动范围

pages/deepMate/deepMate.vue

@@ -12,7 +12,7 @@
       <view class="header-right">
         <image src="https://d31zlh4on95l9h.cloudfront.net/images/d7c4e74201213a25dd9574e908233928.svg" class="icon">
         </image>
-        <image src="https://d31zlh4on95l9h.cloudfront.net/images/099903c4aabf5713488b5cb60815e3f7.svg" class="icon"
+        <image style="margin-left: 10px;" src="https://d31zlh4on95l9h.cloudfront.net/images/099903c4aabf5713488b5cb60815e3f7.svg" class="icon"
           @click="openHistoryDrawer"></image>
         <!-- 新增新会话按钮
         <button class="new-chat-button" @click="newChat">
@@ -609,10 +609,14 @@ function getDataInfo() {
 .header-right .icon {
   width: 40rpx;
   height: 40rpx;
-  margin-right: 20rpx;
+  /* margin-right: 20rpx; */
 }
 
 .header-center .title {
+  position: fixed;
+  top: 10rpx;
+  left: 50%;
+  transform: translateX(-50%);
   font-size: 36rpx;
   font-weight: bold;
   color: #333333;
@@ -639,7 +643,7 @@ function getDataInfo() {
   /* 内部滚动交给聊天容器 */
   padding: 20rpx;
   margin-top: 1rpx;
-  margin-bottom: 120rpx;
+  margin-bottom: 280rpx;
 }
 
 /* 聊天顶部粘性欢迎块样式 */
@@ -823,7 +827,7 @@ function getDataInfo() {
 .chat-container {
   margin-top: 30rpx;
   border-radius: 10rpx;
-  height: 65%;
+  height: calc(100vh - 50rpx);
   /* 缩短滚动区域，避免被输入框覆盖 */
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;