boost + mapmenu

 /* components/book/tabBar/tabBar.wxss */
 /* components/book/tabBar/tabBar.wxss */
 @import "../app.wxss";
 @import "../app.wxss";
 .tabBar{
 .tabBar{
-  height: 98rpx;
+  height: calc(98rpx + env(safe-area-inset-bottom));
   background:rgba(249,249,249,1);
   background:rgba(249,249,249,1);
   box-shadow:0rpx 0rpx 8rpx 0rpx rgba(224,224,224,1);
   box-shadow:0rpx 0rpx 8rpx 0rpx rgba(224,224,224,1);
   width:100%;
   width:100%;
   position: fixed;
   position: fixed;
   z-index: 9;
   z-index: 9;
   box-sizing: border-box;
   box-sizing: border-box;
-  bottom: calc(0rpx + calc(env(safe-area-inset-bottom) mod 5));
+  bottom: 0;
 
 
 }
 }
 .tabBar .text{
 .tabBar .text{

@@ -2,7 +2,7 @@
 
 
 page{
 page{
   background-color: #efefef;
   background-color: #efefef;
-  --barHeight:98rpx;
+  --barHeight: calc(98rpx + env(safe-area-inset-bottom));
 }
 }
 .pages{
 .pages{
   width: 100%;
   width: 100%;
@@ -343,7 +343,7 @@ page{
   background-color: #000;
   background-color: #000;
   width: calc(100% - 272rpx);
   width: calc(100% - 272rpx);
   position: fixed;
   position: fixed;
-  bottom:calc(490rpx + var(--barHeight));
+  bottom:calc(520rpx + var(--barHeight));
   color: #fefefe;
   color: #fefefe;
   height:60rpx;
   height:60rpx;
   font-size:26rpx;
   font-size:26rpx;