boss/pages/main/index.vue

<template>
  <div id="main">
    <!-- <main-menu :collapse="menuCollapse"/> -->
    <router-view class="main-content"></router-view>
  </div>
</template>

<script>
import MainMenu from "@/components/menu/";

export default {
  components: {
    MainMenu
  },
  data() {
    return {
      // 菜单是否折叠
      menuCollapse: false
    };
  }
};
</script>

<style scoped>
#main {
  display: flex;
  height: calc(100vh - 70px);
  padding: 10px;
}
.main-content {
  flex: 1;
}
</style>