screenControl/src/view/home.vue

<template>
    <div class="main-box">
    <router-view :key="route.path"></router-view>
        
    </div>
</template>
<script setup>
import { useRoute } from "vue-router";
const route = useRoute()

import { globalEventBus } from '@/common/eventBus'
// 标题事件
for (let i = 1; i < 6; i++) {
    globalEventBus.on('header' + i, data => {
        globalEventBus.emit('compheader' + i, data)
        console.log(i)

    })
}



</script>
<style>

.main-box{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    background-image: url('/static/img/index/index_bg.png');
    background-size: 100% 100%;
}
</style>