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/cart/cartList.vue | 10 +++++++---
1 files changed, 7 insertions(+), 3 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 });
--
Gitblit v1.8.0