样式bug修改

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;

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;

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;

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;

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 {

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;

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;

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;
     }

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;

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;

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;

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;
 }