From 5109c36b57cc559d629bf7fdfa6cc1a2d6b71e8c Mon Sep 17 00:00:00 2001
From: huliyong <2783385703@qq.com>
Date: Sun, 15 Sep 2024 10:34:11 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=8A=E4=BC=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/base/tabbar.vue | 35 +++++++++++++++++++++--------------
 pages/index/center.vue     |  1 -
 pages/index/index.vue      |  1 -
 pages/index/order.vue      |  1 -
 4 files changed, 21 insertions(+), 17 deletions(-)

diff --git a/components/base/tabbar.vue b/components/base/tabbar.vue
index 7807784..732e9ef 100644
--- a/components/base/tabbar.vue
+++ b/components/base/tabbar.vue
@@ -1,18 +1,21 @@
 <template>
-	<view class="tabbar">
-		<view
-		 :class="{item : true, active : select == index}"
-		 v-for="(item, index) in list"
-		 :key="index"
-		 v-if="!item.isNotShop || !userShop"
-		 @click="toPath(item, index)">
-			<view class="icon">
-				<image :src="select == index ? 
-				item.selectedIconPath : 
-				item.iconPath" class="icon-image" mode=""></image>
-			</view>
-			<view class="title">
-				{{ item.title }}
+	<view class="">
+		<view class="tabbar-box"></view>
+		<view class="tabbar">
+			<view
+			 :class="{item : true, active : select == index}"
+			 v-for="(item, index) in list"
+			 :key="index"
+			 v-if="!item.isNotShop || !userShop"
+			 @click="toPath(item, index)">
+				<view class="icon">
+					<image :src="select == index ? 
+					item.selectedIconPath : 
+					item.iconPath" class="icon-image" mode=""></image>
+				</view>
+				<view class="title">
+					{{ item.title }}
+				</view>
 			</view>
 		</view>
 	</view>
@@ -78,6 +81,10 @@
 </script>
 
 <style scoped lang="scss">
+.tabbar-box{
+	height: 120rpx;
+	padding-bottom: env(safe-area-inset-bottom);
+}
 .tabbar{
 	position: fixed;
 	width: 750rpx;
diff --git a/pages/index/center.vue b/pages/index/center.vue
index 037fe9c..bb528c3 100644
--- a/pages/index/center.vue
+++ b/pages/index/center.vue
@@ -227,7 +227,6 @@
 
 <style scoped lang="scss">
 	.page {
-		padding-bottom: 200rpx;
 
 		.warp {
 			display: flex;
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 6710415..dc9e069 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -292,7 +292,6 @@
 		margin: 20rpx;
 	}
 	.page{
-		padding-bottom: 200rpx;
 		& /deep/ .uv-icon__icon{
 			font-size: 30rpx !important;
 		}
diff --git a/pages/index/order.vue b/pages/index/order.vue
index ae02a47..6c67910 100644
--- a/pages/index/order.vue
+++ b/pages/index/order.vue
@@ -152,7 +152,6 @@
 
 <style scoped lang="scss">
 	.page{
-		padding-bottom: 200rpx;
 	}
 	.list {
 		.item {