解决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 () {
+    if (this.calContent) {
       this.contentHeight()
+    }
+  },
+  activated () {
+    if (this.calContent) {
+      this.contentHeight()
+    }
   },
   methods: {
     getHeader () {
@@ -48,9 +58,9 @@ export default {
       return height
     },
     contentHeight () {
-      const headerEl = this.getHeader()
+      // const headerEl = this.getHeader()
       const nextHeight = this.getNextElementHeight()
-      const winHeight = window.innerHeight
+      /* const winHeight = window.innerHeight
          const winWidth = window.innerWidth
          let paddingHeight = 0
          if (headerEl) {
@@ -63,10 +73,13 @@ export default {
            } 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'
     },
   },
 }