dezhou-screen/src/views/MainContent.vue

<template>
    <div class="main-content">
        <AHeader />
        <Main />
        <BottomBar />
    </div>
</template>

<script>
import AHeader from "../components/layout/Header.vue";
import Main from "../components/layout/Main.vue";
import BottomBar from "../components/layout/BottomBar.vue";

export default {
    name: 'MainContent',
    components: { AHeader, Main, BottomBar },
    data() {
        return {

        }
    }
}
</script>

<style scoped>
.main-content {
    width: 1px;
    flex: 1;
    background: #f001;
    display: flex;
    flex-direction: column;
}
</style>