app/components/AppFooter.vue

@@ -18,7 +18,7 @@ initData()
 
 <template>
  <div>
-   <van-tabbar  v-model="active" route placeholder fixed>
+   <van-tabbar v-if="show" v-model="active" route placeholder fixed>
      <van-tabbar-item replace to="/">
        <span>{{ $t('tabbar.home') }}</span>
        <template #icon>

app/pages/home/index.vue

@@ -107,17 +107,17 @@ const openShow = () => {
   })
 }
 const changeLive=()=>{
-  fullLive.value= !fullLive.value
+  fullLive.value= true
 }
 </script>
 
 <template>
-  <div class="flex-grow-1">
+  <div class="bg-#fff flex-grow-1">
     <div
         @click="changeLive"
         :class="[
-          'transform transition-all duration-500 ease-out ',
-          fullLive ? 'absolute top-[var(--van-nav-bar-height)] bottom-0px left-0px right-0px h-[calc(100vh-var(--van-nav-bar-height))]' : 'h-188px'
+          'transform transition-all duration-500 origin-top ease-out ease-in',
+          fullLive ? 'scale-100 h-[calc(100vh-var(--van-nav-bar-height))]' : 'scale-100 h-188px'
         ]"
     >
       <client-only>