diff --git a/src/platforms/h5/components/page/pageBody.vue b/src/platforms/h5/components/page/pageBody.vue
index 329f392e29a2e0dd4c602ee2c9ebf8f0449a44f5..ecb0ec9cf91005915fc984e23b06a9c92d0aa2af 100644
--- a/src/platforms/h5/components/page/pageBody.vue
+++ b/src/platforms/h5/components/page/pageBody.vue
@@ -12,7 +12,7 @@ uni-page-wrapper {
   position: relative;
 }
 
-uni-page-head ~ uni-page-wrapper {
+uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {
   height: calc(100% - 44px);
 }
 
@@ -28,7 +28,7 @@ uni-page-head ~ uni-page-wrapper {
   height: 50px;
 }
 
-.uni-app--showtabbar uni-page-head ~ uni-page-wrapper {
+.uni-app--showtabbar uni-page-head[uni-page-head-type="default"] ~ uni-page-wrapper {
   height: calc(100% - 44px - 50px);
 }
 
diff --git a/src/platforms/h5/components/page/pageHead.vue b/src/platforms/h5/components/page/pageHead.vue
index 0d675d8a3e396b3b31c28f85a60dde86dd4fbc12..a95bf6a40bbca4531eba79bb8256739565088885 100644
--- a/src/platforms/h5/components/page/pageHead.vue
+++ b/src/platforms/h5/components/page/pageHead.vue
@@ -1,5 +1,5 @@
 <template>
-  <uni-page-head>
+  <uni-page-head :uni-page-head-type="type">
     <div
       :style="{transitionDuration:duration,transitionTimingFunction:timingFunc,backgroundColor:bgColor,color:textColor}"
       :class="{'uni-page-head-transparent':type==='transparent'}"