diff --git a/pages_tool/ai-chat/ai-chat-message.vue b/pages_tool/ai-chat/ai-chat-message.vue index bc75640..af117fd 100644 --- a/pages_tool/ai-chat/ai-chat-message.vue +++ b/pages_tool/ai-chat/ai-chat-message.vue @@ -1661,6 +1661,11 @@ $radius-lg: 36rpx; overflow-y: auto; box-sizing: border-box; min-height: 0; /* 重要:防止flex元素溢出 */ + + /* 微信小程序专属样式:给聊天消息列表增加底部内边距,避免被固定的输入框遮挡 */ + /* #ifdef MP-WEIXIN */ + padding-bottom: 140rpx; + /* #endif */ .load-more { text-align: center; @@ -2274,12 +2279,27 @@ $radius-lg: 36rpx; /* 确保输入区域正确显示 */ position: relative; z-index: 10; + + /* 微信小程序专属样式:让输入区域固定在最底部 */ + /* #ifdef MP-WEIXIN */ + position: fixed; + bottom: 0; + left: 0; + right: 0; + padding: 8rpx 24rpx; + padding-bottom: calc(0rpx + env(safe-area-inset-bottom)); + /* #endif */ .input-tools { display: flex; margin-bottom: 16rpx; align-items: flex-start; + /* 微信小程序专属样式:减少工具条下边距 */ + /* #ifdef MP-WEIXIN */ + margin-bottom: 0rpx; + /* #endif */ + .tool-btn { width: 56rpx; height: 56rpx; @@ -2301,6 +2321,12 @@ $radius-lg: 36rpx; display: flex; align-items: center; + /* 微信小程序专属样式:让输入容器更紧凑 */ + /* #ifdef MP-WEIXIN */ + padding-top: 0rpx; + padding-bottom: 0rpx; + /* #endif */ + .message-input { flex: 1; min-height: 72rpx; @@ -2342,6 +2368,23 @@ $radius-lg: 36rpx; opacity: 0.7; } } + + /* 微信小程序专属样式:调整输入框和发送按钮高度 */ + /* #ifdef MP-WEIXIN */ + .message-input { + min-height: 64rpx; + padding: 12rpx 16rpx; + margin-top: 0rpx; + margin-bottom: 0rpx; + } + + .send-btn { + width: 72rpx; + height: 64rpx; + margin-top: 0rpx; + margin-bottom: 0rpx; + } + /* #endif */ } }