iphoneX 底部安全区

htmldev/loan/public/index.html

@@ -4,7 +4,7 @@
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport"
-        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
+        content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no,viewport-fit=cover">
   <meta name="format-detection" content="telephone=no,email=no">
   <link rel="icon" href="<%= BASE_URL %>favicon.ico">
   <title></title>

htmldev/loan/src/views/partner/explain/index.vue

@@ -37,6 +37,8 @@
     justify-content: center;
     align-items: center;
     width: 100%;
+    // padding-bottom: constant(safe-area-inset-bottom);
+    // padding-bottom: env(safe-area-inset-bottom);
     padding: 23px 0;
   }