From 6d6fe086bd31571997afebd6f138b5705ed43758 Mon Sep 17 00:00:00 2001
From: "452061493@qq.com" <452061493@qq.com>
Date: Wed, 11 Sep 2024 18:21:44 +0800
Subject: [PATCH] =?UTF-8?q?IOS=E7=AB=AF=E5=B0=8F=E7=A8=8B=E5=BA=8F?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E5=AE=89=E5=85=A8=E9=AB=98=E5=BA=A6=E9=80=82?=
 =?UTF-8?q?=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/style/index.less                     |  7 +++++--
 src/components/footer-enforcement-nav/index.vue |  8 ++++++--
 src/components/footer-nav/index.vue             | 11 ++++++-----
 src/views/Home.vue                              |  3 +--
 src/views/HomeWx.vue                            |  3 +--
 src/views/enforceHome.vue                       |  3 +--
 6 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/assets/style/index.less b/src/assets/style/index.less
index c038388..b69bee9 100644
--- a/src/assets/style/index.less
+++ b/src/assets/style/index.less
@@ -25,8 +25,11 @@ html,body,#app{
     height: 50px;
 }
 
-.footer_body {
-    height: 2rem;
+.footer_body{
+    height: 50px;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+    box-sizing: content-box;
 }
 
 .no_data{
diff --git a/src/components/footer-enforcement-nav/index.vue b/src/components/footer-enforcement-nav/index.vue
index 10b89f0..e536b08 100644
--- a/src/components/footer-enforcement-nav/index.vue
+++ b/src/components/footer-enforcement-nav/index.vue
@@ -45,12 +45,16 @@ let data = reactive({
 </script>
 <style lang="less" scoped>
 .footer_nav{
-  height: 2.0rem;
+  height: 50px;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  box-sizing: content-box;
   background-color: #fff;
   /*box-shadow: 0 0 0.27rem #e5e5e5;*/
   .footer-bar{
     position: absolute;
-    bottom: 0.6rem;
+    bottom: constant(safe-area-inset-bottom);
+    bottom: env(safe-area-inset-bottom);
   }
 }
 
diff --git a/src/components/footer-nav/index.vue b/src/components/footer-nav/index.vue
index 8c774cf..e3ad4fc 100644
--- a/src/components/footer-nav/index.vue
+++ b/src/components/footer-nav/index.vue
@@ -28,16 +28,17 @@ let data = reactive({
 
 </script>
 <style lang="less" scoped>
-.footer_body{
-  height: 2rem;
-}
 	.footer_nav{
-		height: 2.0rem;
+		heighheight: 50px;
+    padding-bottom: constant(safe-area-inset-bottom);
+    padding-bottom: env(safe-area-inset-bottom);
+    box-sizing: content-box;
     background-color: #fff;
     /*box-shadow: 0 0 0.27rem #e5e5e5;*/
 		.footer-bar{
 			position: absolute;
-			bottom: 0.6rem;
+      bottom: constant(safe-area-inset-bottom);
+      bottom: env(safe-area-inset-bottom);
 		}
 	}
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 15bcadf..3833f3f 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -299,8 +299,7 @@
         .boutique_box {
             position: absolute;
             width: 100%;
-            bottom: calc(0.5rem + constant(safe-area-inset-bottom));
-            bottom: calc(0.5rem + env(safe-area-inset-bottom));
+            bottom: 0.5rem;
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/HomeWx.vue b/src/views/HomeWx.vue
index 977c4f7..622ad44 100644
--- a/src/views/HomeWx.vue
+++ b/src/views/HomeWx.vue
@@ -250,8 +250,7 @@
         .boutique_box {
             position: absolute;
             width: 100%;
-            bottom: calc(0.5rem + constant(safe-area-inset-bottom));
-            bottom: calc(0.5rem + env(safe-area-inset-bottom));
+            bottom: 0.5rem;
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/enforceHome.vue b/src/views/enforceHome.vue
index a2281ca..ddaa2fe 100644
--- a/src/views/enforceHome.vue
+++ b/src/views/enforceHome.vue
@@ -354,8 +354,7 @@
         .boutique_box {
             position: absolute;
             width: 100%;
-            bottom: calc(0.5rem + constant(safe-area-inset-bottom));
-            bottom: calc(0.5rem + env(safe-area-inset-bottom));
+            bottom: 0.5rem;
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;