From fe9f04a789d5108bb038343798bce9874a37c268 Mon Sep 17 00:00:00 2001 From: xiangpei <xiangpei@timesnew.cn> Date: 星期五, 27 六月 2025 15:05:16 +0800 Subject: [PATCH] 自定义tabbar处理底部安全区域 --- pages/tabbar/user/utils/tool.vue | 13 ++++--------- pages/tabbar/cart/cartList.vue | 10 +++++++--- 2 files changed, 11 insertions(+), 12 deletions(-) diff --git a/pages/tabbar/cart/cartList.vue b/pages/tabbar/cart/cartList.vue index c6e1e61..f1dfa7f 100644 --- a/pages/tabbar/cart/cartList.vue +++ b/pages/tabbar/cart/cartList.vue @@ -6,7 +6,7 @@ </div> </u-navbar> <!-- 绌虹櫧椤�--> - <view v-if="!loading && (cartDetail.cartList == '' || cartDetail.cartList == [] || !cartDetail)" class="empty"> + <view v-if="!loading && (cartDetail.cartList == '' || cartDetail.cartList == [] || !cartDetail)" class="empty" :style="{height: windowHeight - marginBottom - 50 + 'px'}"> <image src="/static/emptyCart.png" mode="aspectFit"></image> <view class="empty-tips"> 绌虹┖濡備篃 @@ -14,7 +14,7 @@ </view> </view> <!-- 搴楅摵鍟嗗搧淇℃伅 --> - <div class="content"> + <div class="content" :style="{height: windowHeight - marginBottom - 50 + 'px'}"> <div class="box box2" :class="{ invalid: isInvalid(item) }" v-for="(item, index) in cartDetail.cartList" :key="index"> <view class="tab"> @@ -126,7 +126,7 @@ <u-modal v-model="deleteShow" :confirm-style="{'color':lightColor}" @confirm="deleteConfirm" show-cancel-button :content="deleteContent" :async-close="true"></u-modal> <!-- 缁撹处 --> - <div class="box box6"> + <div class="box box6" :style="{bottom: marginBottom + 50 + 'px'}"> <view class="navL"> <u-checkbox shape="circle" :active-color="lightColor" v-model="checkout" @change="checkOut()" label-size="24">鍏ㄩ�� </u-checkbox> @@ -219,10 +219,14 @@ isEdit: false, // 鏄惁鏄紪杈� checkout: false, //鍏ㄩ�夋寜閽� WEIXIN_num: "", //璐墿杞﹀吋瀹瑰井淇℃杩涘櫒 + marginBottom: 0 ,// 搴曢儴瀹夊叏鍖哄煙 + windowHeight: 0 // 鍙娇鐢ㄥ睆骞曢珮搴� }; }, mounted() { + this.marginBottom = uni.getSystemInfoSync().safeAreaInsets.bottom + this.windowHeight = uni.getSystemInfoSync().windowHeight // #ifdef MP-WEIXIN // 灏忕▼搴忛粯璁ゅ垎浜� uni.showShareMenu({ withShareTicket: true }); diff --git a/pages/tabbar/user/utils/tool.vue b/pages/tabbar/user/utils/tool.vue index 2849927..c7567f9 100644 --- a/pages/tabbar/user/utils/tool.vue +++ b/pages/tabbar/user/utils/tool.vue @@ -52,11 +52,6 @@ <view>鎴戠殑娲诲姩</view> </view> - <view class="interact-item" @click="navigateTo('/pages/mine/activity/reportActivity')"> - <image src="/static/mine/shensu.png" mode=""></image> - <view>娲诲姩</view> - </view> - <view class="interact-item" @click="navigateTo('/pages/mine/myCollect/myCollect')"> <image src="/static/mine/shensu.png" mode=""></image> <view>鎴戠殑鏀惰棌</view> @@ -88,10 +83,10 @@ - <view class="interact-item" @click="navigateTo('/pages/mine/signIn')"> +<!-- <view class="interact-item" @click="navigateTo('/pages/mine/signIn')"> <image src="/static/mine/sign.png" mode=""></image> <view>姣忔棩绛惧埌</view> - </view> + </view> --> <view class="interact-item" @click="navigateTo('/pages/cart/coupon/couponCenter')"> <image src="/static/mine/couponcenter.png" mode=""></image> @@ -100,10 +95,10 @@ - <view class="interact-item" @click="navigateTo('/pages/promotion/bargain/log')"> +<!-- <view class="interact-item" @click="navigateTo('/pages/promotion/bargain/log')"> <image src="/static/mine/kanjia.png" mode=""></image> <view>鐮嶄环璁板綍</view> - </view> + </view> --> -- Gitblit v1.8.0