Bläddra i källkod

优化:用户端页面适配ios底部安全区域5

萤火科技 3 år sedan
förälder
incheckning
32f67e2289

+ 1 - 0
components/page/service/index.vue

@@ -82,6 +82,7 @@
     position: fixed;
     position: fixed;
     z-index: 999;
     z-index: 999;
     right: calc(var(--window-right) + var(--right));
     right: calc(var(--window-right) + var(--right));
+    // 设置ios刘海屏底部横线安全区域
     bottom: calc(constant(safe-area-inset-bottom) + var(--window-bottom) + var(--bottom));
     bottom: calc(constant(safe-area-inset-bottom) + var(--window-bottom) + var(--bottom));
     bottom: calc(env(safe-area-inset-bottom) + var(--window-bottom) + var(--bottom));
     bottom: calc(env(safe-area-inset-bottom) + var(--window-bottom) + var(--bottom));
 
 

+ 4 - 2
pages/address/index.vue

@@ -188,8 +188,10 @@
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   .addres-list {
   .addres-list {
-    padding-bottom: calc(constant(safe-area-inset-bottom) + 120rpx);
-    padding-bottom: calc(env(safe-area-inset-bottom) + 120rpx);
+    padding-top: 20rpx;
+    // 设置ios刘海屏底部横线安全区域
+    padding-bottom: calc(constant(safe-area-inset-bottom) + 140rpx);
+    padding-bottom: calc(env(safe-area-inset-bottom) + 140rpx);
   }
   }
 
 
   // 项目内容
   // 项目内容

+ 1 - 0
pages/checkout/style.scss

@@ -330,6 +330,7 @@
   background: #fff;
   background: #fff;
   border-top: 1px solid #eee;
   border-top: 1px solid #eee;
   z-index: 11;
   z-index: 11;
+  // 设置ios刘海屏底部横线安全区域
   padding-bottom: calc(constant(safe-area-inset-bottom) + var(--window-bottom));
   padding-bottom: calc(constant(safe-area-inset-bottom) + var(--window-bottom));
   padding-bottom: calc(env(safe-area-inset-bottom) + var(--window-bottom));
   padding-bottom: calc(env(safe-area-inset-bottom) + var(--window-bottom));
 
 

+ 3 - 2
pages/order/comment/index.vue

@@ -261,8 +261,9 @@
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   .container {
   .container {
-    padding-bottom: constant(env(safe-area-inset-bottom) + 130rpx);
-    padding-bottom: calc(env(safe-area-inset-bottom) + 130rpx);
+    // 设置ios刘海屏底部横线安全区域
+    padding-bottom: constant(env(safe-area-inset-bottom) + 140rpx);
+    padding-bottom: calc(env(safe-area-inset-bottom) + 140rpx);
   }
   }
 
 
   .goods-list {
   .goods-list {

+ 1 - 0
pages/order/detail.vue

@@ -445,6 +445,7 @@
 </style>
 </style>
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   .container {
   .container {
+    // 设置ios刘海屏底部横线安全区域
     padding-bottom: constant(env(safe-area-inset-bottom) + 106rpx + 6rpx);
     padding-bottom: constant(env(safe-area-inset-bottom) + 106rpx + 6rpx);
     padding-bottom: calc(env(safe-area-inset-bottom) + 106rpx + 6rpx);
     padding-bottom: calc(env(safe-area-inset-bottom) + 106rpx + 6rpx);
   }
   }

+ 3 - 2
pages/refund/apply.vue

@@ -221,8 +221,9 @@
 
 
 <style lang="scss" scoped>
 <style lang="scss" scoped>
   .container {
   .container {
-    padding-bottom: constant(env(safe-area-inset-bottom) + 130rpx);
-    padding-bottom: calc(env(safe-area-inset-bottom) + 130rpx);
+    // 设置ios刘海屏底部横线安全区域
+    padding-bottom: calc(constant(safe-area-inset-bottom) + 140rpx);
+    padding-bottom: calc(env(safe-area-inset-bottom) + 140rpx);
   }
   }
 
 
   .row-title {
   .row-title {