From 917d07fec2925afdcab383a1168949b62fe01c2a Mon Sep 17 00:00:00 2001
From: aaron <>
Date: Thu, 29 May 2025 22:30:05 +0800
Subject: [PATCH] no message

---
 docker-compose.yml          |  2 +-
 src/views/ChatAgentView.vue | 42 +++++++++++++++++++++++++++++++++++--
 2 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/docker-compose.yml b/docker-compose.yml
index 964cb33..32e50f9 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -5,7 +5,7 @@ services:
     build:
       context: .
       dockerfile: Dockerfile
-    image: tradus-web:1.3.27
+    image: tradus-web:1.3.28
     container_name: tradus-web
     ports:
       - '6000:80'
diff --git a/src/views/ChatAgentView.vue b/src/views/ChatAgentView.vue
index b6bdd6d..cdb5bde 100644
--- a/src/views/ChatAgentView.vue
+++ b/src/views/ChatAgentView.vue
@@ -395,10 +395,12 @@ const formatTime = (date: Date) => {
 <style scoped>
 .chat-agent-view {
   height: 100vh;
+  height: 100dvh; /* 动态视口高度，适配移动端 */
   background-color: var(--color-bg-primary);
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  position: relative;
 }
 
 .chat-container {
@@ -409,6 +411,7 @@ const formatTime = (date: Date) => {
   display: flex;
   flex-direction: column;
   overflow: hidden;
+  position: relative;
 }
 
 .chat-messages {
@@ -417,6 +420,7 @@ const formatTime = (date: Date) => {
   padding: 2rem;
   display: flex;
   flex-direction: column;
+  padding-bottom: 1rem; /* 为输入框留出空间 */
 }
 
 .welcome-message {
@@ -701,9 +705,12 @@ const formatTime = (date: Date) => {
 
 .chat-input {
   padding: 1rem;
-  background-color: transparent;
+  background-color: var(--color-bg-primary);
   border-top: none;
   flex-shrink: 0;
+  position: sticky;
+  bottom: 0;
+  z-index: 10;
 }
 
 .input-container {
@@ -788,12 +795,26 @@ const formatTime = (date: Date) => {
 
 /* 响应式设计 */
 @media (max-width: 768px) {
+  .chat-agent-view {
+    height: 100vh;
+    height: 100dvh;
+    min-height: -webkit-fill-available;
+  }
+
   .chat-messages {
     padding: 1rem;
+    padding-bottom: 80px; /* 为固定输入框留出空间 */
   }
 
   .chat-input {
     padding: 0.75rem 1rem;
+    background-color: var(--color-bg-primary);
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    border-top: 1px solid var(--color-border);
   }
 
   .input-container {
@@ -803,6 +824,8 @@ const formatTime = (date: Date) => {
     align-items: center;
     display: flex;
     flex-direction: row;
+    margin: 0 auto;
+    max-width: 1000px;
   }
 
   .message-input {
@@ -881,12 +904,25 @@ const formatTime = (date: Date) => {
 }
 
 @media (max-width: 480px) {
+  .chat-agent-view {
+    height: 100vh;
+    height: 100dvh;
+    min-height: -webkit-fill-available;
+  }
+
   .chat-messages {
-    padding: 4.5rem 0.75rem 0rem 0.75rem;
+    padding: 4.5rem 0.75rem 80px 0.75rem; /* 为固定输入框留出空间 */
   }
 
   .chat-input {
     padding: 0.5rem 0.75rem;
+    background-color: var(--color-bg-primary);
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    z-index: 100;
+    border-top: 1px solid var(--color-border);
   }
 
   .input-container {
@@ -896,6 +932,8 @@ const formatTime = (date: Date) => {
     align-items: center;
     display: flex;
     flex-direction: row;
+    margin: 0 auto;
+    max-width: 1000px;
   }
 
   .message-input {