task#6524 头部兼容

src/views/report/reportIndex.vue

@@ -1,8 +1,8 @@
 <template>
-  <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
+  <van-pull-refresh v-model="isLoading" class="custom-pull-refresh" @refresh="onRefresh">
     <div class="main_wrap">
       <div class="top_bg">
-        <div class="title">报备中心</div>
+<!--        <div class="title">报备中心</div>-->
       </div>
       <div class="service_wrap">
         <service-item :order-info="orderInfo"></service-item>
@@ -302,10 +302,15 @@
     }
   }
 </script>
-
+<style lang="scss">
+  .custom-pull-refresh {
+    height: 100% !important;
+  }
+</style>
 <style lang="scss" scoped>
   #app {
     background: #F9FCFF !important;
+    height: 100%;
   }
   .main_wrap {
     width: 100%;
@@ -313,26 +318,36 @@
     background: #F9FCFF !important;
     display: flex;
     flex-direction: column;
+    // 添加以下样式确保正确的高度计算
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    right: 0;
   }
 .top_bg {
   width: 100%;
-  height: 162px;
-  background: #334885;
-  .title {
+  height: 87px;
+  background: #354683;
+  /*.title {
     color: #fff;
     text-align: center;
     padding-top: 52px;
     font-size: 17px;
     line-height: 24px;
-  }
+  }*/
 }
 .service_wrap {
   margin-top: -75px;
-  margin-bottom: 20px;
+  /*margin-bottom: 20px;*/
 }
 .chat_list {
   flex: 1;
-  overflow: auto;
+  /*overflow: auto;*/
+  overflow-y: auto;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch; // 为了iOS平滑滚动
+  padding-top: 10px;
   .top_tip_wrap {
     color: #7C8698;
     text-align: center;
@@ -541,7 +556,4 @@
   ::v-deep .van-popup__close-icon {
     color: #0F458E;
   }
-  ::v-deep .van-pull-refresh {
-    height: 100%;
-  }
 </style>