Update index.vue

packages/components/HContent/index.vue

@@ -10,6 +10,7 @@
 </template>
 
 <script>
+  import { detectOS } from '../../common/utils/index'
 export default {
   name: 'HContent',
   props: {
@@ -59,28 +60,28 @@ export default {
       return height
     },
     contentHeight () {
-      // const headerEl = this.getHeader()
-      const nextHeight = this.getNextElementHeight()
-      /* const winHeight = window.innerHeight
+       const headerEl = this.$el.previousElementSibling
+       const nextHeight = this.getNextElementHeight()
+       const winHeight = window.innerHeight
          const winWidth = window.innerWidth
          let paddingHeight = 0
          if (headerEl) {
            if (detectOS() === 'ios' && winWidth === 375 && winHeight === 812) {
              paddingHeight = 40
            } else if (detectOS() === 'ios' && winWidth === 414 && winHeight === 896) {
-             paddingHeight = 40
+             paddingHeight = 44
            } else if (detectOS() === 'ios') {
              paddingHeight = 20
            } else {
              paddingHeight = 0
            }
-         } */
+         }
       let content = this.$el
-      let offsetTop = content.offsetTop
+      /*let offsetTop = content.offsetTop
       if (offsetTop >= window.innerHeight) {
         offsetTop = 0
-      }
-      content.style.height = (window.innerHeight - offsetTop - nextHeight) + 'px'
+      }*/
+      content.style.height = (window.innerHeight - nextHeight - paddingHeight) + 'px'
     },
   },
 }