feat : 小程序下隐藏applayout头部

components/AppLayout/AppLayout.vue

@@ -6,6 +6,7 @@
         >
             <!-- 顶部头部区域 -->
             <view
+                v-if="showHeader"
                 class="container-header"
                 :style="border ? { borderBottom: `2rpx solid ${borderColor}` } : { borderBottom: 'none' }"
             >
@@ -20,6 +21,7 @@
                     <slot name="headerright"></slot>
                 </view>
             </view>
+ 
 
             <!-- 主体不可滚动 headContent -->
             <view class="container-headContent">
@@ -43,6 +45,10 @@
 </template>
 
 <script setup>
+import { computed } from "vue"
+import { storeToRefs } from 'pinia';
+import useUserStore from '@/stores/useUserStore';
+const { isMiniProgram } = storeToRefs(useUserStore());
 import img from '@/static/icon/background2.png';
 const emit = defineEmits(['onScrollBottom']);
 defineProps({
@@ -84,6 +90,10 @@ defineProps({
     },
 });
 
+const showHeader = computed(()=>{
+    return isMiniProgram.value
+})
+
 const handleScrollToLower = () => {
     emit('onScrollBottom');
 };