From 9131f7c5ddb055298784ff366c9a6edf2eb8c6f7 Mon Sep 17 00:00:00 2001
From: "452061493@qq.com" <452061493@qq.com>
Date: Mon, 26 Aug 2024 19:54:15 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8Fbug=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Home.vue                                  | 9 ++++++---
 src/views/HomeWx.vue                                | 9 ++++++---
 src/views/administrative/appointmentList.vue        | 6 ++++--
 src/views/enforce/earlyWarning.vue                  | 6 ++++--
 src/views/enforce/enforceNotice.vue                 | 8 +++++---
 src/views/enforce/enforcementPlan.vue               | 6 ++++--
 src/views/enforce/enforcementPlanDetailed.vue       | 5 +++--
 src/views/enforce/enterpriseBaseInfo.vue            | 2 +-
 src/views/enforceHome.vue                           | 9 ++++++---
 src/views/enterprise/complaintList.vue              | 6 ++++--
 src/views/enterprise/enterpriseInspectionNotice.vue | 4 +++-
 src/views/enterprise/register.vue                   | 2 +-
 12 files changed, 47 insertions(+), 25 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 9d5ab6e..9e133c4 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,7 +1,7 @@
 <template>
     <!-- <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/> -->
     <!-- v-if="!isLoading" -->
-    <div class="home app_content" >
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
         <!--		<div class="header_body">-->
         <!--			<header-nav :leftArrow="false" titelText="执法监督码"></header-nav>-->
@@ -274,6 +274,8 @@
         height: 100%;
         overflow: hidden;
         background-color: #f4f4f4;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .warp_body {
             position: relative;
@@ -295,9 +297,10 @@
         }
 
         .boutique_box {
-            position: absolute;
+            position: fixed;
             width: 100%;
-            bottom: 1%;
+            bottom: calc(1.67rem + constant(safe-area-inset-bottom));
+            bottom: calc(1.67rem + env(safe-area-inset-bottom));
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/HomeWx.vue b/src/views/HomeWx.vue
index bac5121..720daec 100644
--- a/src/views/HomeWx.vue
+++ b/src/views/HomeWx.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="home app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
         <!--		<div class="header_body">-->
         <!--			<header-nav :leftArrow="false" titelText="执法监督码"></header-nav>-->
@@ -227,6 +227,8 @@
         height: 100%;
         overflow: hidden;
         background-color: #f4f4f4;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .warp_body {
             position: relative;
@@ -248,9 +250,10 @@
         }
 
         .boutique_box {
-            position: absolute;
+            position: fixed;
             width: 100%;
-            bottom: 1%;
+            bottom: calc(1.67rem + constant(safe-area-inset-bottom));
+            bottom: calc(1.67rem + env(safe-area-inset-bottom));
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/administrative/appointmentList.vue b/src/views/administrative/appointmentList.vue
index b01dd93..ba65642 100644
--- a/src/views/administrative/appointmentList.vue
+++ b/src/views/administrative/appointmentList.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="shop app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
        <!--  <div class="header_body">
             <header-nav :leftArrow="false" titelText="行政检查预约"/>
@@ -394,12 +394,14 @@
 </script>
 
 <style lang="less" scoped>
-    .shop {
+    .home {
         height: 100%;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         background-color: #ebf3fb;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .header_body {
             height: 1.33rem;
diff --git a/src/views/enforce/earlyWarning.vue b/src/views/enforce/earlyWarning.vue
index 1b56d40..da655ff 100644
--- a/src/views/enforce/earlyWarning.vue
+++ b/src/views/enforce/earlyWarning.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="shop app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
         <!-- <div class="header_body">
             <header-nav :leftArrow="false" titelText="预警信息"/>
@@ -320,12 +320,14 @@
 
 <style lang="less" scoped>
 
-    .shop {
+    .home {
         height: 100%;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         background-color: #ebf3fb;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .header_body {
             height: 1.33rem;
diff --git a/src/views/enforce/enforceNotice.vue b/src/views/enforce/enforceNotice.vue
index e5a66f5..fd42512 100644
--- a/src/views/enforce/enforceNotice.vue
+++ b/src/views/enforce/enforceNotice.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="shop app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
         <!-- <div class="header_body">
          <header-nav
@@ -280,12 +280,14 @@
 </script>
 
 <style lang="less" scoped>
-    .shop {
+    .home {
         height: 100%;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         background-color: #ebf3fb;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .header_body {
             height: 1.33rem;
@@ -464,11 +466,11 @@
         color: #666;
         font-size: 0.35rem;
         font-weight: normal;
+        line-height: 2;
     }
 
     .item-text a {
         color: #2b75fd;
-        line-height: 2;
     }
 
     .item-text p {
diff --git a/src/views/enforce/enforcementPlan.vue b/src/views/enforce/enforcementPlan.vue
index 2840498..5373295 100644
--- a/src/views/enforce/enforcementPlan.vue
+++ b/src/views/enforce/enforcementPlan.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="shop app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
         <!-- <div class="header_body">
             <header-nav
@@ -335,12 +335,14 @@
 </script>
 
 <style lang="less" scoped>
-    .shop {
+    .home {
         height: 100%;
         display: flex;
         flex-direction: column;
         overflow: hidden;
         background-color: #ebf3fb;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .header_body {
             height: 1.33rem;
diff --git a/src/views/enforce/enforcementPlanDetailed.vue b/src/views/enforce/enforcementPlanDetailed.vue
index aaacf69..bfd8e1b 100644
--- a/src/views/enforce/enforcementPlanDetailed.vue
+++ b/src/views/enforce/enforcementPlanDetailed.vue
@@ -146,14 +146,15 @@ onMounted(() => {
     }
 
     .fold-div .van-text-ellipsis {
-      padding: 0.27rem 0px 0px;
+      padding: 0.24rem 0;
       width: calc(100% - 2.7rem);
       color: #666;
+      line-height: 1.25;
     }
 
     .fold-div i {
       position: absolute;
-      bottom: 0.2rem;
+      bottom: 0.3rem;
       right: 0.1rem;
       display: inline-block;
       color: #2b75fd;
diff --git a/src/views/enforce/enterpriseBaseInfo.vue b/src/views/enforce/enterpriseBaseInfo.vue
index e2fa929..b65352a 100644
--- a/src/views/enforce/enterpriseBaseInfo.vue
+++ b/src/views/enforce/enterpriseBaseInfo.vue
@@ -795,7 +795,7 @@
     }
 
     .fold-div .van-text-ellipsis {
-      padding: 0.27rem 0px 0px;
+      padding: 0.24rem 0;
       width: calc(100% - 2.7rem);
       color: #666;
     }
diff --git a/src/views/enforceHome.vue b/src/views/enforceHome.vue
index b7d28e9..abc564e 100644
--- a/src/views/enforceHome.vue
+++ b/src/views/enforceHome.vue
@@ -1,7 +1,7 @@
 <template>
 <!--    <Loading class="loading-div" type="spinner" v-show="isLoading" color="#1989fa"/>-->
 <!--    <div class="home app_content" v-if="!isLoading">-->
-    <div class="home app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 导航栏 -->
         <!-- <div class="header_body">
                     <header-nav :leftArrow="false" titelText="执法监督码"></header-nav>
@@ -330,6 +330,8 @@
         height: 100%;
         overflow: hidden;
         background-color: #f4f4f4;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .warp_body {
             position: relative;
@@ -351,9 +353,10 @@
         }
 
         .boutique_box {
-            position: absolute;
+            position: fixed;
             width: 100%;
-            bottom: 1%;
+            bottom: calc(1.67rem + constant(safe-area-inset-bottom));
+            bottom: calc(1.67rem + env(safe-area-inset-bottom));
 
             .boutique_body {
                 padding: 0 0 0.27rem 0;
diff --git a/src/views/enterprise/complaintList.vue b/src/views/enterprise/complaintList.vue
index b00d451..456ea20 100644
--- a/src/views/enterprise/complaintList.vue
+++ b/src/views/enterprise/complaintList.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="shop app_content">
+  <div class="home app_content" safe-area-inset-bottom>
       <!-- 导航栏 -->
       <!-- <div class="header_body">
       <header-nav
@@ -410,7 +410,7 @@
 </script>
 
 <style lang="less" scoped>
-  .shop {
+  .home {
       height: 100%;
       display: flex;
       flex-direction: column;
@@ -425,6 +425,8 @@
           flex: 1;
           overflow-y: scroll;
           position: relative;
+          padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+          padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
           .goods_box {
               display: flex;
diff --git a/src/views/enterprise/enterpriseInspectionNotice.vue b/src/views/enterprise/enterpriseInspectionNotice.vue
index 409a37b..1883494 100644
--- a/src/views/enterprise/enterpriseInspectionNotice.vue
+++ b/src/views/enterprise/enterpriseInspectionNotice.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="home app_content">
+    <div class="home app_content" safe-area-inset-bottom>
         <!-- 中间 -->
         <!--        <div class="warp_body">-->
         <!--            <div class="white-body">-->
@@ -90,6 +90,8 @@
         height: 100%;
         overflow: hidden;
         background-color: #ebf3fb;
+        padding-bottom: calc(2.67rem + constant(safe-area-inset-bottom));
+        padding-bottom: calc(2.67rem + env(safe-area-inset-bottom));
 
         .warp_body {
             position: relative;
diff --git a/src/views/enterprise/register.vue b/src/views/enterprise/register.vue
index 8d1c336..65e7491 100644
--- a/src/views/enterprise/register.vue
+++ b/src/views/enterprise/register.vue
@@ -386,7 +386,7 @@ export default {
 }
 
 .fold-div .van-text-ellipsis {
-  padding: 0.27rem 0px 0px;
+  padding: 0.24rem 0;
   width: calc(100% - 2.7rem);
   color: #666;
 }