diff --git a/pages/message/chat.scss b/pages/message/chat.scss index 2a9772e..65608f3 100644 --- a/pages/message/chat.scss +++ b/pages/message/chat.scss @@ -15,6 +15,7 @@ $primary-color: #0877F1; flex-direction: column; background-color: #f5f5f5; overflow: hidden; + transition: padding-bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* 患者信息栏样式 */ @@ -124,6 +125,7 @@ $primary-color: #0877F1; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; + transition: bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .chat-content-compressed { @@ -398,6 +400,8 @@ $primary-color: #0877F1; padding-bottom: env(safe-area-inset-bottom); flex-shrink: 0; transform: translateZ(0); /* 开启硬件加速,提升性能 */ + transition: bottom 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); + will-change: bottom; } .input-toolbar { diff --git a/pages/message/components/chat-input.vue b/pages/message/components/chat-input.vue index a9d28bd..054d8b0 100644 --- a/pages/message/components/chat-input.vue +++ b/pages/message/components/chat-input.vue @@ -1,5 +1,5 @@