flat: 暂存

pages/chat/chat.vue

@@ -63,6 +63,8 @@
                 <ai-paging ref="paging"></ai-paging>
             </view>
         </view>
+        <!-- 自定义tabbar -->
+        <!-- <tabbar-custom :currentpage="2"></tabbar-custom> -->
     </view>
 </template>
 
@@ -103,10 +105,19 @@ onShow(() => {
 
 onHide(() => {
     paging.value?.handleTouchCancel();
+    if (isDrawerOpen.value) {
+        isDrawerOpen.value = false;
+        uni.showTabBar();
+    }
 });
 
 const toggleDrawer = () => {
     isDrawerOpen.value = !isDrawerOpen.value;
+    if (isDrawerOpen.value) {
+        uni.hideTabBar();
+    } else {
+        uni.showTabBar();
+    }
 };
 
 const addNewDialogue = () => {
@@ -131,13 +142,13 @@ function updateSetting() {
 </script>
 
 <style lang="stylus" scoped>
-
+header-height = 88rpx
 /* 页面容器 */
 .container {
     position: fixed;
-    z-index: 1000;
+    z-index: 100;
     width: 100vw;
-    height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
+    height: 100vh;
     overflow: hidden;
 }
 
@@ -203,8 +214,8 @@ function updateSetting() {
         font-weight: 500;
         align-items: center
         position: relative
-        margin-bottom: constant(safe-area-inset-bottom); /*兼容 IOS<11.2*/
-        margin-bottom: env(safe-area-inset-bottom); /*兼容 IOS>11.2*/
+        margin-bottom: calc( 32rpx + var(--window-bottom)); /*兼容 IOS<11.2*/
+        margin-bottom: calc( 32rpx +var(--window-bottom)); /*兼容 IOS>11.2*/
         color: #000000
         .drawer-user-img
             width: 57.2rpx;
@@ -218,8 +229,8 @@ function updateSetting() {
             right: 28rpx
             transform: translate(0,-50%)
     .drawer-title
-        height: calc(88rpx + env(safe-area-inset-top));
-        line-height: calc(88rpx + env(safe-area-inset-top));
+        height: header-height;
+        line-height: header-height;
         padding: 0 52rpx;
         color: #333333;
         font-size: 32rpx
@@ -260,22 +271,21 @@ function updateSetting() {
 /* 主要内容区域 */
 .main-content
     width: 100%;
-    height: 100vh;
-    // background: #f8f8f8;
+    height: calc(100% - var(--window-bottom));
     transition: margin-left 0.3s ease-in-out;
     position: relative
     background: #FFFFFF
     .head
         display: block;
         box-sizing: border-box;
-        height: calc(88rpx + env(safe-area-inset-top));
+        height: header-height;
         user-select: none;
     .main-header
         position: fixed;
         left: var(--window-left);
         right: var(--window-right);
-        height: calc(88rpx + env(safe-area-inset-top));
-        padding-top: calc(14rpx + env(safe-area-inset-top));
+        height:header-height;
+        padding-top: calc(14rpx);
         border: 2rpx solid #F4F4F4;
         background: #FFFFFF
         z-index: 998;
@@ -293,7 +303,7 @@ function updateSetting() {
             height: 37rpx;
 
 .chatmain-warpper
-    height: calc(100% - 88rpx - env(safe-area-inset-top));
+    height: 'calc(100% - %s)' % header-height
     position: relative;
     display: block;
     box-sizing: border-box;