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

4
app.wxss
View File

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

1
components/storeTabBar/storeTabBar.wxss
View File

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

3
pages/mall/index.json
View File

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

71
pages/mall/index.wxml
View File

@@ -1,43 +1,44 @@
<!-- 企获客商城 --> <!-- 企获客商城 -->
<view class="mallBox"> <view class="mallBox">
<view class="mallCont"> <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> <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> 搜索商品
</navigator>
<!-- 轮播图 --> <!-- 轮播图 -->
<view class="banner"> <view class="banner">
<swiper class="banner-swiper" indicator-dots autoplay circular interval="3500" indicator-color="#ebebeb" <swiper class="banner-swiper" indicator-dots autoplay circular interval="3500" indicator-color="#ebebeb"
indicator-active-color="#fff"> indicator-active-color="#fff">
<swiper-item wx:for="{{banners}}" wx:key="banners"> <swiper-item wx:for="{{banners}}" wx:key="banners">
<image class="banner-img" src="{{item.cover}}" mode="aspectFill"></image> <image class="banner-img" src="{{item.cover}}" mode="aspectFill"></image>
</swiper-item> </swiper-item>
</swiper> </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> </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>
</view> </view>
<storeTabBar pages-url="pages/mall/index"></storeTabBar> <storeTabBar pages-url="pages/mall/index"></storeTabBar>

2
pages/mall/index.wxss
View File

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

4
pages/ticket/index.js
View File

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

6
pages/ticket/index.wxml
View File

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

6
pages/ticket/index.wxss
View File

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

197
pages/user/index.wxml
View File

@@ -1,109 +1,110 @@
<!-- 个人中心 --> <view class="tabBarContent">
<view class="userTop"> <!-- 个人中心 -->
<view class="userTop-head"> <view class="userTop">
<view class="userTop-name"> 艾米家的傻钢^ <text>游客</text> </view> <view class="userTop-head">
<image class="userTop-img" src="/static/images/goods_text.png"></image> <view class="userTop-name"> 艾米家的傻钢^ <text>游客</text> </view>
</view> <image class="userTop-img" src="/static/images/goods_text.png"></image>
<view class="userTop-nav">
<!-- <view class="userTop-label"> <text>89</text> 钱包 </view> -->
<navigator hover-class="none" class="userTop-label" url="/pages/user/companyMine/myTeam/myTeam">
<text>128</text> 团队 </navigator>
<navigator hover-class="none" class="userTop-label" url="/pages/user/companyMine/focusedCompany/focusedCompany">
<text>11259</text> 关注企业 </navigator>
</view>
<view class="userTop-vip">
<view class="userTop-text">
<image src="/static/user_iocn/user_crown.png"></image>升级VIP会员 享会员特权
</view> </view>
<view class="userTop-btn"> <view class="userTop-nav">
<image src="/static/user_iocn/user_vip.png"></image>立即开通 <!-- <view class="userTop-label"> <text>89</text> 钱包 </view> -->
<navigator hover-class="none" class="userTop-label" url="/pages/user/companyMine/myTeam/myTeam">
<text>128</text> 团队 </navigator>
<navigator hover-class="none" class="userTop-label" url="/pages/user/companyMine/focusedCompany/focusedCompany">
<text>11259</text> 关注企业 </navigator>
</view>
<view class="userTop-vip">
<view class="userTop-text">
<image src="/static/user_iocn/user_crown.png"></image>升级VIP会员 享会员特权
</view>
<view class="userTop-btn">
<image src="/static/user_iocn/user_vip.png"></image>立即开通
</view>
</view> </view>
</view> </view>
</view> <view class="userNav">
<view class="userNav"> <navigator hover-class="none" url="/pages/user/user_coupon/user_coupon" class="userNav-label">
<navigator hover-class="none" url="/pages/user/user_coupon/user_coupon" class="userNav-label"> <view class="userNav-label-img">
<view class="userNav-label-img"> <image src="/static/user_iocn/userNav_00.png"></image>
<image src="/static/user_iocn/userNav_00.png"></image> </view>
<text>我的卡券</text>
</navigator>
<navigator hover-class="none" url="/pages/mall/mall_order/mall_order" class="userNav-label">
<view class="userNav-label-img">
<image src="/static/user_iocn/userNav_01.png"></image>
</view>
<text>我的订单</text>
</navigator>
<view class="userNav-label">
<view class="userNav-label-img">
<image src="/static/user_iocn/userNav_02.png"></image>
</view>
<text>分享海报</text>
</view> </view>
<text>我的卡券</text>
</navigator>
<navigator hover-class="none" url="/pages/mall/mall_order/mall_order" class="userNav-label">
<view class="userNav-label-img">
<image src="/static/user_iocn/userNav_01.png"></image>
</view>
<text>我的订单</text>
</navigator>
<view class="userNav-label">
<view class="userNav-label-img">
<image src="/static/user_iocn/userNav_02.png"></image>
</view>
<text>分享海报</text>
</view> </view>
</view>
<view class="userTool"> <view class="userTool">
<view class="userTool-title"> <view class="userTool-title">
更多服务 更多服务
</view>
<view class="userTool-list">
<navigator hover-class="none" url="/pages/user/companyMine/myActives/myActives" class="userTool-label">
<view class="userTool-label-img">
<image src="/static/user_iocn/userTool_00.png"></image>
</view>
<text>活动参与</text>
</navigator>
<navigator hover-class="none" url="/pages/user/companyMine/companyOrder" class="userTool-label">
<view class="userTool-label-img">
<image src="/static/user_iocn/userTool_01.png"></image>
</view>
<text>项目预购</text>
</navigator>
<navigator hover-class="none" url="/pages/mall/mall_cart/mall_cart" class="userTool-label">
<view class="userTool-label-img">
<image src="/static/user_iocn/userTool_02.png"></image>
<view class="userTool-label-tips">2</view>
</view>
<text>我的购物车</text>
</navigator>
<view class="userTool-label">
<button class="userTool-label-img-button" size="mini" open-type="contact" bindcontact="handleContact"
style='border:0;background-color:#fff;width:94rpx;height:94rpx;padding:0;margin:0;margin-bottom:10rpx;'>
<image src="/static/user_iocn/userTool_03.png"></image>
</button>
<view>客服服务</view>
</view> </view>
<navigator hover-class="none" url="/pages/mall/mall_address/mall_address" class="userTool-label"> <view class="userTool-list">
<view class="userTool-label-img"> <navigator hover-class="none" url="/pages/user/companyMine/myActives/myActives" class="userTool-label">
<image src="/static/user_iocn/userTool_04.png"></image> <view class="userTool-label-img">
<image src="/static/user_iocn/userTool_00.png"></image>
</view>
<text>活动参与</text>
</navigator>
<navigator hover-class="none" url="/pages/user/companyMine/companyOrder" class="userTool-label">
<view class="userTool-label-img">
<image src="/static/user_iocn/userTool_01.png"></image>
</view>
<text>项目预购</text>
</navigator>
<navigator hover-class="none" url="/pages/mall/mall_cart/mall_cart" class="userTool-label">
<view class="userTool-label-img">
<image src="/static/user_iocn/userTool_02.png"></image>
<view class="userTool-label-tips">2</view>
</view>
<text>我的购物车</text>
</navigator>
<view class="userTool-label">
<button class="userTool-label-img-button" size="mini" open-type="contact" bindcontact="handleContact"
style='border:0;background-color:#fff;width:94rpx;height:94rpx;padding:0;margin:0;margin-bottom:10rpx;'>
<image src="/static/user_iocn/userTool_03.png"></image>
</button>
<view>客服服务</view>
</view> </view>
<text>收货地址</text> <navigator hover-class="none" url="/pages/mall/mall_address/mall_address" class="userTool-label">
</navigator> <view class="userTool-label-img">
<navigator hover-class="none" url="/pages/user/companyMine/focusedProject/focusedProject" <image src="/static/user_iocn/userTool_04.png"></image>
class="userTool-label"> </view>
<view class="userTool-label-img"> <text>收货地址</text>
<image src="/static/user_iocn/userTool_05.png"></image> </navigator>
</view> <navigator hover-class="none" url="/pages/user/companyMine/focusedProject/focusedProject"
<text>项目关注</text> class="userTool-label">
</navigator> <view class="userTool-label-img">
<navigator hover-class="none" url="/pages/user/companyMine/myBlockchain/myBlockchain" class="userTool-label"> <image src="/static/user_iocn/userTool_05.png"></image>
<view class="userTool-label-img"> </view>
<image src="/static/user_iocn/userTool_06.png"></image> <text>项目关注</text>
</view> </navigator>
<text>区块链证书</text> <navigator hover-class="none" url="/pages/user/companyMine/myBlockchain/myBlockchain" class="userTool-label">
</navigator> <view class="userTool-label-img">
<navigator class="userTool-label" hover-class="none" url="/pages/company/index"> <image src="/static/user_iocn/userTool_06.png"></image>
<view class="userTool-label-img"> </view>
<image src="/static/user_iocn/userTool_08.png"></image> <text>区块链证书</text>
</view> </navigator>
<text>企获客广场</text> <navigator class="userTool-label" hover-class="none" url="/pages/company/index">
</navigator> <view class="userTool-label-img">
<navigator hover-class="none" url="/pages/user/setting/setting" class="userTool-label"> <image src="/static/user_iocn/userTool_08.png"></image>
<view class="userTool-label-img"> </view>
<image src="/static/user_iocn/userTool_07.png"></image> <text>企获客广场</text>
</view> </navigator>
<text>设置</text> <navigator hover-class="none" url="/pages/user/setting/setting" class="userTool-label">
</navigator> <view class="userTool-label-img">
<image src="/static/user_iocn/userTool_07.png"></image>
</view>
<text>设置</text>
</navigator>
</view>
</view> </view>
</view> </view>
<storeTabBar pages-url="pages/user/index"></storeTabBar> <storeTabBar pages-url="pages/user/index"></storeTabBar>