flat: 优化语音

pages/chat/chat.vue

@@ -63,6 +63,7 @@
                 <ai-paging ref="paging"></ai-paging>
             </view>
         </view>
+
         <!-- 自定义tabbar -->
         <!-- <tabbar-custom :currentpage="2"></tabbar-custom> -->
     </view>
@@ -143,12 +144,13 @@ function updateSetting() {
 
 <style lang="stylus" scoped>
 header-height = 88rpx
+
 /* 页面容器 */
 .container {
     position: fixed;
-    z-index: 100;
+    z-index: 1000;
     width: 100vw;
-    height: 100vh;
+    height: calc(100% - var(--window-bottom));
     overflow: hidden;
 }
 
@@ -169,7 +171,7 @@ header-height = 88rpx
     top: 0;
     left: 0; /* 如果要右侧弹出改为 right: 0; */
     width: 523rpx;
-    height: 100vh;
+    height: 100%;
     background: #e7e7e6;
     transform: translateX(-100%);
     transition: transform 0.3s ease-in-out;
@@ -271,7 +273,7 @@ header-height = 88rpx
 /* 主要内容区域 */
 .main-content
     width: 100%;
-    height: calc(100% - var(--window-bottom));
+    height: 100%;
     transition: margin-left 0.3s ease-in-out;
     position: relative
     background: #FFFFFF
@@ -286,9 +288,8 @@ header-height = 88rpx
         right: var(--window-right);
         height:header-height;
         padding-top: calc(14rpx);
-        border: 2rpx solid #F4F4F4;
         background: #FFFFFF
-        z-index: 998;
+        z-index: 1;
         transition-property: all;
         display: flex;
         align-items: center;
@@ -308,6 +309,7 @@ header-height = 88rpx
     display: block;
     box-sizing: border-box;
     width: 100%;
+    border-top: 2rpx solid #F4F4F4;
 
 /* 页面被挤压时向右移动 */
 .main-content.shift {