<template>
  <div class="flex flex-col h-screen w-screen pb-safe bg-transparent">
    <router-view v-slot="{ Component,route  }">
      <keep-alive :include="include" :exclude="excludes">
        <component :is="Component" :key="route.path" class="flex-auto overflow-auto"/>
      </keep-alive>
    </router-view>
    <router-view name="tabbar">
    </router-view>
    <router-view name="backButton"></router-view> 
  </div>
</template>
<script setup lang="ts">
import { excludes } from '@/router/keepAlive'

const include:string[] = []

// window.addEventListener('message', function(event) {
//        // event.data 包含了应用发送的消息
//        const message = event.data;
//        console.log('收到应用消息：', message);
//        // 在这里处理接收到的消息
//    });

</script>

<style lang="scss" scoped>

</style>
