修改弹出键盘导致下方安全区域消失的问题

 <template>
 <template>
-  <div id="app">
+  <div id="app" :style="{height: 'calc(' + windowHeight + ' + env(safe-area-inset-bottom))' }">
     <keep-alive :max="20">
     <keep-alive :max="20">
       <router-view :key="routerViewKey"></router-view>
       <router-view :key="routerViewKey"></router-view>
     </keep-alive>
     </keep-alive>
@@ -20,6 +20,9 @@ export default {
         return this.$route.fullPath;
         return this.$route.fullPath;
       }
       }
     },
     },
+    windowHeight() {
+      return window.innerHeight + 'px';
+    }
   },
   },
   mounted() {
   mounted() {
     if (this.yoho.context.needLogin) {
     if (this.yoho.context.needLogin) {

@@ -66,7 +66,6 @@ export default {
       rule: productData.imageList[0].rule,
       rule: productData.imageList[0].rule,
       more: productData.imageList[0].more
       more: productData.imageList[0].more
     };
     };
-    console.log(this.productList)
   }
   }
 };
 };
 </script>
 </script>
@@ -74,13 +73,15 @@ export default {
 <style lang="scss" scoped>
 <style lang="scss" scoped>
 ul {
 ul {
   width: 100%;
   width: 100%;
+  height: 100%;
   list-style: none;
   list-style: none;
   margin: 0;
   margin: 0;
   padding: 0;
   padding: 0;
   background-image: url("//ad.yoho.cn/html5/2019/10/activity/008/base/repeat_bg.jpg?imageslim");
   background-image: url("//ad.yoho.cn/html5/2019/10/activity/008/base/repeat_bg.jpg?imageslim");
   background-repeat: repeat-y;
   background-repeat: repeat-y;
   background-size: 100% auto;
   background-size: 100% auto;
-  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   -webkit-overflow-scrolling: touch;
 
 
   li {
   li {

@@ -554,17 +554,9 @@ body {
     margin-bottom: env(safe-area-inset-bottom);
     margin-bottom: env(safe-area-inset-bottom);
   }
   }
 
 
-  #app {
+  /*#app {
     height: calc(100% + env(safe-area-inset-bottom));
     height: calc(100% + env(safe-area-inset-bottom));
-  }
-
-  .layout {
-    padding-bottom: env(safe-area-inset-bottom);
-  }
-
-  .layout.no-safe-area {
-    padding-bottom: 0;
-  }
+  }*/
 }
 }
 
 
 /* stylelint-disable */
 /* stylelint-disable */