活动修改，适应IPHONE X布局修改

@@ -87,11 +87,9 @@ export default {
 
 <style lang="scss">
 .layout {
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  position: relative;
+  width: 100%;
+  height: 100%;
   overflow: hidden;
   font-size: 24px;
   display: flex;
@@ -109,4 +107,6 @@ export default {
     overflow: scroll;
   }
 }
+
+
 </style>

@@ -81,6 +81,7 @@ ul {
   background-repeat: repeat-y;
   background-size: 100% auto;
   overflow: hidden;
+  -webkit-overflow-scrolling: touch;
 
   li {
     position: relative;

@@ -102,4 +102,14 @@ export default {
   width: 100%;
   background-color: white;
 }
+
+@supports (bottom: env(safe-area-inset-bottom)) {
+  .content {
+    height: calc(env(safe-area-inset-bottom) + 100% + 88px);
+  }
+
+  .footer {
+    height: calc(env(safe-area-inset-bottom) + 100px);
+  }
+}
 </style>

@@ -526,6 +526,8 @@ textarea {
 
 html,
 body {
+    width: 100%;
+    height: 100%;
     font-size: 24px;
     font-family: "PingFang SC", "HiraginoSansGB-W3", "SanFranciscoText-Regular", Helvetica, Roboto, "Heiti SC", "黑体", Arial;
     line-height: 1.4;
@@ -537,7 +539,24 @@ body {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    padding-bottom: env(safe-area-inset-bottom);
+
+}
+
+#app {
+  position: relative;
+  width: 100%;
+  height: 100%;
+}
+
+/* 支持iphoneX下方安全区域 */
+@supports (bottom: env(safe-area-inset-bottom)) {
+  body {
+    margin-bottom: env(safe-area-inset-bottom);
+  }
+
+  #app {
+    height: calc(100% + env(safe-area-inset-bottom));
+  }
 }
 
 /* stylelint-disable */

@@ -12,7 +12,7 @@ const isTest = process.env.NODE_ENV === 'test3';
 const domains = {
   // api: 'http://api.yoho.cn/',
   // service: 'http://service.yoho.cn/',
-  // ufo: 'http://java-yohoufo-fore.test3.ingress.dev.yohocorp.com/ufo-gateway/',
+  // ufo: 'http://2.yohobuy.com/ufo-gateway/',
 
   // liveApi: 'http://testapi.live.yohops.com:9999/',
   // singleApi: 'http://api-test3.yohops.com:9999/',