TmOct5/AGuestSaas
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source
This commit is contained in:
唐明明
2020-12-30 17:05:52 +08:00
parent 26bdcb6ffb
commit 6df09b6f82
9 changed files with 152 additions and 142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
pages/mall/index.json
View File

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

71
pages/mall/index.wxml
View File

@@ -1,43 +1,44 @@
<!-- 企获客商城 -->
<view class="mallBox">
<view class="mallCont">
<!-- 搜索 -->
<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>
搜索商品
</navigator>
<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>
搜索商品
</navigator>
<!-- 轮播图 -->
<view class="banner">
<swiper class="banner-swiper" indicator-dots autoplay circular interval="3500" indicator-color="#ebebeb"
indicator-active-color="#fff">
<swiper-item wx:for="{{banners}}" wx:key="banners">
<image class="banner-img" src="{{item.cover}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
<!-- 轮播图 -->
<view class="banner">
<swiper class="banner-swiper" indicator-dots autoplay circular interval="3500" indicator-color="#ebebeb"
indicator-active-color="#fff">
<swiper-item wx:for="{{banners}}" wx:key="banners">
<image class="banner-img" src="{{item.cover}}" mode="aspectFill"></image>
</swiper-item>
</swiper>
</view>
<!-- 商城分类 -->
<mallIndex_nav categories="{{categories}}"></mallIndex_nav>
<!-- 免费券专区 -->
<block wx:if="{{freeCoupon.length > 0}}">
<mallIndex_coupon freeCoupon="{{freeCoupon}}"></mallIndex_coupon>
</block>
<!-- 优惠热卖 -->
<block wx:if="{{hotSale.length > 0}}">
<mallIndex_hot hotSale="{{hotSale}}"></mallIndex_hot>
</block>
<!-- 视频专区 -->
<mallIndex_video hotSale="{{videoArea}}"></mallIndex_video>
<!-- 为你推荐 -->
<block wx:if="{{pushList.length > 0}}">
<mallIndex_list push-list="{{pushList}}" loding-stats="{{lodingStats}}" has-more="{{page.has_more}}"></mallIndex_list>
</block>
</view>
<!-- 商城分类 -->
<mallIndex_nav categories="{{categories}}"></mallIndex_nav>
<!-- 免费券专区 -->
<block wx:if="{{freeCoupon.length > 0}}">
<mallIndex_coupon freeCoupon="{{freeCoupon}}"></mallIndex_coupon>
</block>
<!-- 优惠热卖 -->
<block wx:if="{{hotSale.length > 0}}">
<mallIndex_hot hotSale="{{hotSale}}"></mallIndex_hot>
</block>
<!-- 视频专区 -->
<mallIndex_video hotSale="{{videoArea}}"></mallIndex_video>
<!-- 为你推荐 -->
<block wx:if="{{pushList.length > 0}}">
<mallIndex_list push-list="{{pushList}}" loding-stats="{{lodingStats}}" has-more="{{page.has_more}}"></mallIndex_list>
</block>
</view>
</view>
<storeTabBar pages-url="pages/mall/index"></storeTabBar>

2
pages/mall/index.wxss
View File

@@ -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;