diff --git a/pages/message/chat.scss b/pages/message/chat.scss index 41e18ef..8a15f48 100644 --- a/pages/message/chat.scss +++ b/pages/message/chat.scss @@ -6,14 +6,11 @@ $text-color-sub: #999; $primary-color: #0877F1; .chat-page { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; display: flex; flex-direction: column; + height: 100vh; background-color: #f5f5f5; + overflow: hidden; } /* 患者信息栏样式 */ @@ -90,6 +87,7 @@ $primary-color: #0877F1; flex: 1; box-sizing: border-box; overflow-x: hidden; + min-height: 0; } .chat-content-compressed { @@ -359,6 +357,7 @@ $primary-color: #0877F1; position: relative; z-index: 200; padding-bottom: env(safe-area-inset-bottom); + flex-shrink: 0; } .input-toolbar { @@ -378,6 +377,14 @@ $primary-color: #0877F1; padding: 0; } +.voice-toggle-icon { + width: 56rpx; + height: 56rpx; + display: flex; + align-items: center; + justify-content: center; +} + .plus-btn { width: 56rpx; height: 56rpx; diff --git a/pages/message/components/chat-input.vue b/pages/message/components/chat-input.vue index 9620917..f585323 100644 --- a/pages/message/components/chat-input.vue +++ b/pages/message/components/chat-input.vue @@ -2,13 +2,13 @@ - {{ '' }} +