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>
.el-table td,
.el-table th {
  padding: 8px 0;
}
td.clickable .cell {
  cursor: pointer;
  color: #409eff;
}
.clickable {
  cursor: pointer;
  color: #409eff;
}
</style>
<style scoped>
#main {
  display: flex;
  height: calc(100% - 70px);
  padding: 10px;
}
.main-content {
  flex: 1;
}
</style>