解决content高度100%页面遮挡问题

packages/components/HContent/index.vue

@@ -10,7 +10,6 @@
 </template>
 
 <script>
-import { detectOS } from '../../common/utils/index'
 export default {
   name: 'HContent',
   props: {
@@ -18,9 +17,20 @@ export default {
       type: String,
       default: '',
     },
+    calContent: {
+      type: Boolean,
+      default: true,
+    },
   },
   mounted () {
-    this.contentHeight()
+    if (this.calContent) {
+      this.contentHeight()
+    }
+  },
+  activated () {
+    if (this.calContent) {
+      this.contentHeight()
+    }
   },
   methods: {
     getHeader () {
@@ -48,25 +58,28 @@ export default {
       return height
     },
     contentHeight () {
-      const headerEl = this.getHeader()
+      // const headerEl = this.getHeader()
       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
-        } else if (detectOS() === 'ios') {
-          paddingHeight = 20
-        } else {
-          paddingHeight = 0
-        }
-      }
+      /* 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
+           } else if (detectOS() === 'ios') {
+             paddingHeight = 20
+           } else {
+             paddingHeight = 0
+           }
+         } */
       let content = this.$el
       let offsetTop = content.offsetTop
-      content.style.height = (window.innerHeight - offsetTop - paddingHeight - nextHeight) + 'px'
+      if (offsetTop >= window.innerHeight) {
+        offsetTop = 0
+      }
+      content.style.height = (window.innerHeight - offsetTop - nextHeight) + 'px'
     },
   },
 }