chengfei-test-system/src/views/main/main.vue

<script setup lang="ts">
import Menu from "./components/menu.vue";
import Layout from "./components/layout.vue";
import Header from "./components/header.vue";

defineOptions({
  name: "MainPage",
});
</script>

<template>
  <div class="main">
    <Header />
    <div class="content">
      <Menu />
      <Layout />
    </div>
  </div>
</template>

<style scoped lang="scss">
.main {
  width: 100%;
  height: 100%;
  background: black;
  .content {
    display: flex;
    justify-content: start;
    align-items: center;
  }
}
</style>