seecoder-devcloud-frontend/src/views/ProjectContainer.vue

<template>
  <el-aside width="65">
    <SideBar></SideBar>
  </el-aside>
  <el-main class="container">
    <router-view></router-view>
  </el-main>
</template>

<script>
import SideBar from '@/components/SideBar.vue';
import { WorkspaceDispatcher } from '@/store/dispatchers';

export default {
  name: 'ProjectContainer',
  components: { SideBar },
  mounted() {
    const { projectId } = this.$route.params;
    WorkspaceDispatcher.changeProject(parseInt(projectId, 10));
  },
};
</script>

<style scoped>
.container{
  background-color: #FFFFFF;
  width: calc(100% - 42px);
  min-height: 60vh;
}
/* 用于功能页组件最外层 */
.content{
  width: 100%;
  padding: 25px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}
</style>