微信中不显示头部

pages/activity/invite-user/components/layout.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="layout" :class="{'layout-white': !false}">
-    <div style="height: 12.2666666667vw">
+    <div style="height: 12.2666666667vw" v-if="isShowNav">
       <van-nav-bar :title="title" left-arrow fixed @click-left="goBackFun">
         <template #right>
           <slot name="right"></slot>
@@ -17,7 +17,12 @@
 export default {
   name: 'layout',
   props: {
-    // 是否显示头部
+    // 是否显示头部nav
+    isShowNav: {
+      type: Boolean,
+      default: true
+    },
+    // navbar标题
     title: {
       type: String,
       default: '',

pages/activity/invite-user/invite-new-user.vue

@@ -1,5 +1,5 @@
 <template>
-  <layout title="邀请好友得现金" :isGoBack="true" padding="0">
+  <layout title="邀请好友得现金" :isGoBack="true" padding="0" :isShowNav="!$userAgent.isWx">
     <template #right>
       <!-- nav right -->
       <img @click="onRightHandle" src="~assets/image/activity/invite-user/invite-new-user/nav-right.png" alt="">