针对ios端安全区域的title高度进行优化

e061768e · jiacheng.mao · 1d6590dd · e061768e · e061768e · e061768e
Commit e061768e authored Jun 29, 2023 by jiacheng.mao
20 changed files
--- a/src/App.vue
+++ b/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 {

--- a/src/pages/carConfirm/confirm-list.vue
+++ b/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>
--- a/src/pages/contractCreate/contract-create-list.vue
+++ b/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;

--- a/src/pages/contractInquire/contract-records.vue
+++ b/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%;
  }

--- a/src/pages/contractSigning/contract-signing.vue
+++ b/src/pages/contractSigning/contract-signing.vue
@@ -469,8 +469,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;
@@ -584,11 +585,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;
@@ -724,56 +726,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>
--- a/src/pages/contractStart/start-list.vue
+++ b/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;

--- a/src/pages/financingApply/financingApply-detail.vue
+++ b/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>
@@ -412,7 +412,7 @@ export default {

    button {
      height: 40px;
-      padding: 0 5vw;
+      padding: 10px 1rem;
      border-radius: 10px;
    }


--- a/src/pages/financingTrial/financing-trial.vue
+++ b/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>
--- a/src/pages/functionCenter/to-do-list.vue
+++ b/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>


--- a/src/pages/home/home-page.vue
+++ b/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"

--- a/src/pages/login.vue
+++ b/src/pages/login.vue
@@ -540,6 +540,9 @@ export default {
        transform: scale(1, 1);
      }
    }
+    .connect {
+      height: 100%;
+    }
  }

  .platform-ios {

--- a/src/pages/messageCenter/message-list.vue
+++ b/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>
--- a/src/pages/myInfo/myBindUser.vue
+++ b/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%;

--- a/src/pages/news/newslist.vue
+++ b/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;

--- a/src/pages/productQuery/entity-list.vue
+++ b/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>
--- a/src/pages/productQuery/product-list.vue
+++ b/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;

--- a/src/pages/productQuery/query-home.vue
+++ b/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>
--- a/src/pages/pwd-reset.vue
+++ b/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;

--- a/src/pages/reimburseMyself/reimburse-myself-list.Vue
+++ b/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;

--- a/src/pages/tab.vue
+++ b/src/pages/tab.vue
@@ -140,6 +140,9 @@ export default {
        }
      }
    }
+    .weui-tabbar {
+      padding-bottom: 20px;
+    }
  }

  // iPhoneX适配