[更新]修复tabbar页面内容被遮挡的问题

app.wxss

@@ -10,8 +10,8 @@ page{
     font-size: 30rpx;
 }
 
-.tabBar{
-    margin-bottom: calc(48px + env(safe-area-inset-bottom));
+.tabBarContent{
+    border-bottom: solid calc(48px + env(safe-area-inset-bottom)) transparent;
 }
 
 /*

components/storeTabBar/storeTabBar.wxss

@@ -6,6 +6,7 @@
  */
 
  .tab-bar {
+    z-index: 999999;
     position: fixed;
     bottom: 0;
     left: 0;

pages/mall/index.json

@@ -8,5 +8,6 @@
 	},
 	"navigationBarTitleText": "商城",
 	"enablePullDownRefresh" : true,
-	"navigationBarBackgroundColor": "#ea4e2f"
+	"navigationBarTextStyle": "white",
+	"navigationBarBackgroundColor": "#2d6bf6"
 }

pages/mall/index.wxml

@@ -1,6 +1,7 @@
 <!-- 企获客商城 -->
 <view class="mallBox">
     <view class="mallCont">
+        <view class="tabBarContent">
             <!-- 搜索 -->
             <navigator hover-class="none" url="/pages/mall/mall_search/mall_search" class="mallCont-search">
                 <image class="mallCont-search-icon" src="/static/mall_icon/mall_search.png"></image>
@@ -39,5 +40,5 @@
             </block>
         </view>
     </view>
-
+</view>
 <storeTabBar pages-url="pages/mall/index"></storeTabBar>

pages/mall/index.wxss

@@ -16,7 +16,7 @@ page {
 .mallBox::after {
     position: absolute;
     content: '';
-    background-color: #ea4e2f;
+    background-color: #2d6bf6;
     border-radius: 0 0 10% 10%;
     width: 100%;
     height: 38vh;

pages/ticket/index.js

@@ -41,8 +41,8 @@ Page({
     /**
      * 生命周期函数--监听页面显示
      */
-    onShow: function () {
-
+    onShow() {
+        wx.hideHomeButton()
         this.couponInfo();
     },
     couponInfo() {

pages/ticket/index.wxml

@@ -1,5 +1,5 @@
 <!-- 优惠券 -->
-<view class="coupon">
+<view class="coupon tabBarContent">
     <!-- 轮播图 -->
     <view class="banner">
         <swiper class="banner-swiper" indicator-dots autoplay circular interval="3500" indicator-color="#ebebeb"
@@ -87,3 +87,5 @@
         </view>
     </view>
 </view>
+
+<storeTabBar pages-url="pages/ticket/index"></storeTabBar>

pages/ticket/index.wxss

@@ -3,8 +3,12 @@
  * 企获客商城
  */
 
+page{
+    background: white;
+}
+
  .coupon {
-    margin: 0 20rpx;
+    padding: 0 30rpx;
 }
 
 /* 轮播图 */

pages/user/index.wxml

@@ -1,3 +1,4 @@
+<view class="tabBarContent">
     <!-- 个人中心 -->
     <view class="userTop">
         <view class="userTop-head">
@@ -105,5 +106,5 @@
             </navigator>
         </view>
     </view>
-
+</view>
 <storeTabBar pages-url="pages/user/index"></storeTabBar>