ios安全区域适配调整，20230519

src/App.vue

@@ -62,6 +62,9 @@ export default {
     //overflow: auto;
     //-webkit-overflow-scrolling: touch;
     //overflow-scrolling: touch;
+    .bar-custom {
+      height: 1.5rem
+    }
   }
 
   .weui-dialog {

src/pages/carConfirm/confirm-list.vue

@@ -346,12 +346,13 @@ export default {
   .search {
     background-color: #fff;
     padding: 8px 12px;
-    position: absolute;
+    position: fixed;
     width: 100%;
     height: 1.02rem;
     z-index: 100;
     margin-top: 52px;
     margin-bottom: 8px;
+    top: 2rem;
     input {
       background: url("../../assets/contractStart/search1.png") 320px no-repeat;
       background-size: 16px 16px;
@@ -484,56 +485,4 @@ export default {
     position: absolute;
   }
 }
-.platform-ios {
-  #confirmList {
-    .scrollContent {
-      padding-top: 3.32rem;
-      padding-bottom: 1.2rem;
-    }
-  }
-}
-
-@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-  .platform-ios {
-    #confirmList {
-      .scrollContent {
-        padding-top: 3.72rem;
-        padding-bottom: 1.2rem;
-      }
-
-      .check-bottom {
-        bottom: 32px;
-      }
-    }
-  }
-}
-// iPhoneXR适配
-@media (device-width: 414px) and (device-height: 896px) {
-  .platform-ios {
-    #confirmList {
-      .scrollContent {
-        padding-top: 3.72rem;
-        padding-bottom: 1.2rem;
-      }
-      .search {
-        input {
-          background: url("../../assets/contractStart/search1.png") 320px
-            no-repeat;
-          background-size: 16px 16px;
-          background-color: rgba(239, 239, 239, 0.55);
-          padding: 8px 12px;
-          border-radius: 4px;
-          width: 100%;
-          font-family: PingFangSC-Regular;
-          font-size: 14px;
-          color: #888c8f;
-        }
-      }
-
-      .check-bottom {
-        bottom: 32px;
-      }
-    }
-  }
-}
 </style>

src/pages/contractCreate/contract-create-list.vue

@@ -381,9 +381,9 @@ export default {
     align-items: center;
     background-color: #fff;
     box-shadow:0 2px 3px 0  rgba(220,220,221,0.50);
-    position: absolute;
+    position: fixed;
     z-index: 999;
-
+    top: 1.5rem;
     div{
       position: relative;
       height: 32px;
@@ -420,11 +420,12 @@ export default {
     .search {
       background-color: #fff;
       padding: 8px 12px;
-      position: absolute;
+      position: fixed;
       width: 100%;
       z-index: 100;
       margin-bottom: 8px;
       margin-top: 52px;
+      top: 1.5rem;
       input {
         padding-left: 12px;
         border-radius: 4px;

src/pages/contractInquire/contract-records.vue

@@ -695,6 +695,9 @@ export default {
 </script>
 <style lang='less' >
 #contract-records {
+  .has-header {
+    top: 1.5rem;
+  }
   .null{
     height:100%;
   }

src/pages/contractSigning/contract-signing.vue

@@ -468,8 +468,9 @@ export default {
     align-items: center;
     background-color: #fff;
     box-shadow: 0 2px 3px 0 rgba(220, 220, 221, 0.5);
-    position: absolute;
+    position: fixed;
     z-index: 999;
+    top:1.5rem;
 
     div {
       position: relative;
@@ -583,11 +584,12 @@ export default {
   .search {
     background-color: #fff;
     padding: 8px 12px;
-    position: absolute;
+    position: fixed;
     width: 100%;
     z-index: 100;
     margin-bottom: 8px;
     margin-top: 52px;
+    top: 1.5rem;
     input {
       padding-left: 12px;
       border-radius: 4px;
@@ -723,56 +725,4 @@ export default {
     padding-bottom: 20px;
   }
 }
-.platform-ios {
-  #contract-signing {
-    .scrollContent {
-      padding-top: 3.4rem;
-      padding-bottom: 1.2rem;
-    }
-  }
-}
-// iPhoneX适配
-@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-  .platform-ios {
-    #contract-signing {
-      .scrollContent {
-        padding-top: 3.8rem;
-        padding-bottom: 1.2rem;
-      }
-
-      .check-bottom {
-        bottom: 32px;
-      }
-    }
-  }
-}
-// iPhoneXR适配
-@media (device-width: 414px) and (device-height: 896px) {
-  .platform-ios {
-    #contract-signing {
-      .scrollContent {
-        padding-top: 3.8rem;
-        padding-bottom: 1.2rem;
-      }
-      .search {
-        input {
-          background: url("../../assets/contractStart/search1.png") 320px
-            no-repeat;
-          background-size: 16px 16px;
-          background-color: rgba(239, 239, 239, 0.55);
-          padding: 8px 12px;
-          border-radius: 4px;
-          width: 100%;
-          font-family: PingFangSC-Regular;
-          font-size: 14px;
-          color: #888c8f;
-        }
-      }
-
-      .check-bottom {
-        bottom: 32px;
-      }
-    }
-  }
-}
 </style>

src/pages/contractStart/start-list.vue

@@ -214,13 +214,13 @@ export default {
     .search {
       background-color: #fff;
       padding: 8px 12px;
-      position: absolute;
+      position: fixed;
       width: 100%;
       height: 1.02rem;
       z-index: 100;
       margin-top: 52px;
       margin-bottom: 8px;
-
+      top: 2rem;
       input {
         background: url("../../assets/contractStart/search1.png") 320px no-repeat;
         background-size: 16px 16px;

src/pages/financingApply/financingApply-detail.vue

@@ -2,8 +2,8 @@
   <h-view id="contract-details" class="public-style">
 
     <h-header :proportion="[5, 1, 1]" class="bar-custom">
-      <div slot="left" class="h-header-btn">
-        <img src="@/assets/userBind/arrow.png" @click="$routeGo()">
+      <div slot="left" class="h-header-btn" @click="$routeGo()">
+        <img src="@/assets/userBind/arrow.png" >
         <span>融租申请审批明细</span>
       </div>
     </h-header>

src/pages/financingTrial/financing-trial.vue

@@ -291,10 +291,11 @@ export default {
     .search {
       background-color: #fff;
       padding: 8px 12px;
-      position: absolute;
+      position: fixed;
       width: 100%;
       z-index: 100;
       margin-bottom: 8px;
+      top: 1.5rem;
 
       input {
         background: url("../../assets/contractStart/search1.png") 320px no-repeat;
@@ -410,45 +411,4 @@ export default {
       padding-bottom: 20px;
     }
   }
-  .platform-ios {
-    #trial {
-      .scrollContent {
-        padding-top: 2.32rem;
-      }
-    }
-  }
-  // iPhoneX适配
-  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-    .platform-ios {
-      #trial {
-        .scrollContent {
-          padding-top: 2.72rem;
-        }
-      }
-    }
-  }
-  // iPhoneXR适配
-  @media (device-width: 414px) and (device-height: 896px) {
-    .platform-ios {
-      #trial {
-        .scrollContent {
-          padding-top: 2.72rem;
-        }
-        .search {
-        input {
-          background: url("../../assets/contractStart/search1.png") 320px
-            no-repeat;
-          background-size: 16px 16px;
-          background-color: rgba(239, 239, 239, 0.55);
-          padding: 8px 12px;
-          border-radius: 4px;
-          width: 100%;
-          font-family: PingFangSC-Regular;
-          font-size: 14px;
-          color: #888c8f;
-        }
-      }
-      }
-    }
-  }
 </style>

src/pages/functionCenter/to-do-list.vue

@@ -309,8 +309,12 @@ export default {
 
   .wrap {
     width: 100%;
-    position: absolute;
+    position: fixed;
     z-index: 100;
+    top: 1.6rem;
+  }
+  .vue-better-scroll {
+    top: 2.2rem;
   }
 
   .tab {
@@ -696,6 +700,7 @@ export default {
       }
     }
   }
+
 }
 </style>
 

src/pages/home/home-page.vue

@@ -31,12 +31,12 @@
       </swipe>
       <div class="functions">
         <div class="title">资讯动态</div>
-        <ul>
+        <ul @click="gotoNews()">
           <li v-for="item in newsList" :key="item.index"><img src="@/assets/homePage/inform.png" alt="">{{
           item.new_title }}
           </li>
         </ul>
-        <img src="@/assets/functionCenter/in@2x.png" @click="gotoNews()">
+        <img src="@/assets/functionCenter/in@2x.png" >
         <!-- <function-item
           v-for="item in moduleSeparateList.slice(0,4)" :key="item.moduleId" :functionIcon="item.moduleIcon"
           :functionName="item.moduleName"

src/pages/login.vue

@@ -540,6 +540,9 @@ export default {
         transform: scale(1, 1);
       }
     }
+    .connect {
+      height: 100%;
+    }
   }
 
   .platform-ios {

src/pages/messageCenter/message-list.vue

@@ -392,40 +392,11 @@ export default {
     top: 0;
   }
   .scrollContent {
-    padding-top: 1rem;
+    padding-top: 1.2rem;
     padding-bottom: 20px;
   }
-}
-.platform-ios {
-  #message-center {
-    .scrollContent {
-      padding-top: 1.4rem;
-    }
-  }
-}
-@media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-  .platform-ios {
-    #message-center {
-      .scrollContent {
-        padding-top: 2rem;
-      }
-      .display{
-        top:1.68rem;
-      }
-    }
-  }
-}
-// iPhoneXR适配
-@media (device-width: 414px) and (device-height: 896px) {
-  .platform-ios {
-    #message-center {
-      .scrollContent {
-        padding-top: 2rem;
-      }
-      .display{
-        top:1.68rem;
-      }
-    }
+  .vue-better-scroll {
+    top: 0.2rem;
   }
 }
 </style>

src/pages/myInfo/myBindUser.vue

@@ -314,9 +314,6 @@ export default {
     .scrollContent {
         background-color: rgb(242, 242, 242);
     }
-    .h-header-left{
-      height: 200%;
-    }
 
     .bp_name {
         width: 100%;

src/pages/myProductCollection/my-product-list.Vue

@@ -224,10 +224,11 @@ export default {
   .search {
       background-color: #fff;
       padding: 8px 12px;
-      position: absolute;
+      position: fixed;
       width: 100%;
       z-index: 100;
       margin-bottom: 8px;
+      top: 1.5rem;
       input {
         background: url("../../assets/contractStart/search1.png") 320px no-repeat;
         background-size: 16px 16px;
@@ -330,47 +331,4 @@ export default {
       padding-bottom: 20px;
     }
 }
-.platform-ios {
-    #my-collect {
-      .scrollContent {
-        padding-top: 2.3rem;
-      }
-    }
-  }
-  // iPhoneX适配
-  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-    .platform-ios {
-      #my-collect {
-        .scrollContent {
-          padding-top: 2.7rem;
-        }
-      }
-    }
-  }
-  // iPhoneXR适配
-  @media (device-width: 414px) and (device-height: 896px) {
-    .platform-ios {
-      #my-collect {
-        .scrollContent {
-          padding-top: 3.1rem;
-        }
-        .search {
-        input {
-          background: url("../../assets/contractStart/search1.png") 320px
-            no-repeat;
-          background-size: 16px 16px;
-          background-color: rgba(239, 239, 239, 0.55);
-          padding: 8px 12px;
-          border-radius: 4px;
-          width: 100%;
-          font-family: PingFangSC-Regular;
-          font-size: 14px;
-          color: #888c8f;
-        }
-      }
-      }
-    }
-  }
-
-
 </style>

src/pages/news/newslist.vue

@@ -229,10 +229,11 @@ export default {
   .search {
     background-color: #fff;
     padding: 8px 12px;
-    position: absolute;
+    position: fixed;
     width: 100%;
     z-index: 100;
     margin-bottom: 8px;
+    top: 1.5rem;
     input {
       padding-left: 12px;
       height: 36px;

src/pages/productQuery/entity-list.vue

@@ -218,11 +218,11 @@ export default {
     .search {
       background-color: #fff;
       padding: 8px 12px;
-      position: absolute;
+      position: fixed;
       width: 100%;
       z-index: 100;
       margin-bottom: 8px;
-
+      top: 1.5rem;
       input {
         padding-left: 12px;
         height: 36px;
@@ -324,45 +324,4 @@ export default {
       padding-bottom: 20px;
     }
 }
-.platform-ios {
-    #prolist {
-      .scrollContent {
-        padding-top: 2.32rem;
-      }
-    }
-  }
-  // iPhoneX适配
-  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-    .platform-ios {
-      #prolist {
-        .scrollContent {
-          padding-top: 2.72rem;
-        }
-      }
-    }
-  }
-  // iPhoneXR适配
-  @media (device-width: 414px) and (device-height: 896px) {
-    .platform-ios {
-      #prolist {
-        .scrollContent {
-          padding-top: 2.72rem;
-        }
-        .search {
-        input {
-          background: url("../../assets/contractStart/search1.png") 320px
-            no-repeat;
-          background-size: 16px 16px;
-          background-color: rgba(239, 239, 239, 0.55);
-          padding: 8px 12px;
-          border-radius: 4px;
-          width: 100%;
-          font-family: PingFangSC-Regular;
-          font-size: 14px;
-          color: #888c8f;
-        }
-      }
-      }
-    }
-  }
 </style>

src/pages/productQuery/product-list.vue

@@ -243,11 +243,11 @@ export default {
   .search {
     background-color: #fff;
     padding: 8px 12px;
-    position: absolute;
+    position: fixed;
     width: 100%;
     z-index: 100;
     margin-bottom: 8px;
-
+    top: 1.5rem;
     input {
       padding-left: 12px;
       height: 36px;

src/pages/productQuery/query-home.vue

@@ -227,7 +227,7 @@ export default {
     .search {
       background-color: #fff;
       padding: 8px 12px;
-      position: absolute;
+      position: fixed;
       width: 100%;
       z-index: 100;
       margin-bottom: 8px;
@@ -260,6 +260,9 @@ export default {
         border: 2px solid #bcc6ff;
       }
     }
+    .has-header {
+      top: 1.5rem;
+    }
 
     .scroll-box {
       padding: 8px;
@@ -305,57 +308,15 @@ export default {
     }
 
     .content {
-      position: absolute;
+      position: fixed;
       top: 0;
-    }
-
-    .scrollContent {
-      //padding-top: 1.92rem;
-      padding-bottom: 20px;
-    }
-  }
-
-  .platform-ios {
-    #query {
       .scrollContent {
-        padding-top: 2.32rem;
-      }
-    }
-  }
-
-  // iPhoneX适配
-  @media (device-width: 375px) and (device-height: 812px) and (-webkit-min-device-pixel-ratio: 3) {
-    .platform-ios {
-      #query {
-        .scrollContent {
-          padding-top: 2.72rem;
-        }
+        //padding-top: 0rem;
+        padding-bottom: 20px;
       }
     }
-  }
-
-  // iPhoneXR适配
-  @media (device-width: 414px) and (device-height: 896px) {
-    .platform-ios {
-      #query {
-        .scrollContent {
-          padding-top: 2.72rem;
-        }
-
-        .search {
-          input {
-            background: url("../../assets/contractStart/search1.png") 320px no-repeat;
-            background-size: 16px 16px;
-            background-color: rgba(239, 239, 239, 0.55);
-            padding: 8px 12px;
-            border-radius: 4px;
-            width: 100%;
-            font-family: PingFangSC-Regular;
-            font-size: 14px;
-            color: #888c8f;
-          }
-        }
-      }
+    .vue-better-scroll {
+      //top: 2.7rem;
     }
   }
 </style>

src/pages/pwd-reset.vue

@@ -216,6 +216,7 @@ export default {
   .header {
     background-color: @headerColor;
     color: #fff;
+    height: 1.5rem;
     .h-header-btn {
       img {
         width: 16px;

src/pages/reimburseMyself/reimburse-myself-list.Vue

@@ -210,12 +210,13 @@ export default {
   .search {
     background-color: #fff;
     padding: 8px 12px;
-    position: absolute;
+    position: fixed;
     width: 100%;
     height: 1.02rem;
     z-index: 100;
     // margin-top: 52px;
     margin-bottom: 8px;
+    top: 1.5rem;
     input {
       background: url("../../assets/contractStart/search1.png") 320px no-repeat;
       background-size: 16px 16px;

src/pages/tab.vue

@@ -140,6 +140,9 @@ export default {
         }
       }
     }
+    .weui-tabbar {
+      padding-bottom: 20px;
+    }
   }
 
   // iPhoneX适配

www/index.html

-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=./cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=Eoo0EtfjYCdAy7r8D19gZ0vMojdZpHqU"></script><title>徐工金服</title><link href=./static/css/app.fb52dd271f35e6cb942abb94eb5f18bb.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.16dc3c74f4e0c838ce1f.js></script><script type=text/javascript src=./static/js/vendor.a2bd9868e7885d7ce8da.js></script><script type=text/javascript src=./static/js/app.279bb6618e94708c8fd3.js></script></body></html>
+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no,width=device-width,viewport-fit=cover"><meta name=format-detection content="telephone=no"><meta name=format-detection content="email=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=apple-mobile-web-app-status-bar-style content=black><script type=text/javascript src=./static/vuePlatform.js></script><script type=text/javascript src=./static/prototype.js></script><script type=text/javascript src=./cordova.js></script><script type=text/javascript src="http://api.map.baidu.com/api?v=2.0&ak=Eoo0EtfjYCdAy7r8D19gZ0vMojdZpHqU"></script><title>徐工金服</title><link href=./static/css/app.0fd1a560242caf231107baf765f8883c.css rel=stylesheet></head><body><div id=app-box></div><script type=text/javascript src=./static/js/manifest.94eef6ccd0dd1fda2901.js></script><script type=text/javascript src=./static/js/vendor.6fb9a8a9e3d7464e35f7.js></script><script type=text/javascript src=./static/js/app.3eb8fbdf0a215a7b8664.js></script></body></html>
\ No newline at end of file