[更新]修复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>
@@ -38,6 +39,6 @@
                 <mallIndex_list push-list="{{pushList}}" loding-stats="{{lodingStats}}" has-more="{{page.has_more}}"></mallIndex_list>
             </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,5 +1,6 @@
-<!-- 个人中心 -->
-<view class="userTop">
+<view class="tabBarContent">
+    <!-- 个人中心 -->
+    <view class="userTop">
         <view class="userTop-head">
             <view class="userTop-name"> 艾米家的傻钢^ <text>游客</text> </view>
             <image class="userTop-img" src="/static/images/goods_text.png"></image>
@@ -19,8 +20,8 @@
                 <image src="/static/user_iocn/user_vip.png"></image>立即开通
             </view>
         </view>
-</view>
-<view class="userNav">
+    </view>
+    <view class="userNav">
         <navigator hover-class="none" url="/pages/user/user_coupon/user_coupon" class="userNav-label">
             <view class="userNav-label-img">
                 <image src="/static/user_iocn/userNav_00.png"></image>
@@ -39,9 +40,9 @@
             </view>
             <text>分享海报</text>
         </view>
-</view>
+    </view>
 
-<view class="userTool">
+    <view class="userTool">
         <view class="userTool-title">
             更多服务
         </view>
@@ -104,6 +105,6 @@
                 <text>设置</text>
             </navigator>
         </view>
+    </view>
 </view>
-
 <storeTabBar pages-url="pages/user/index"></storeTabBar>