scd_project/src/layout/index.vue

<template>
  <div class="layout_index_container">
    <SideBar/>
    <AppMain/>
  </div>
</template>

<script>
import { AppMain,SideBar } from "./components";
export default {
  name: "Layout",
  components: {
    AppMain,
    SideBar,
  },

  data() {
    return {};
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
.layout_index_container{
    width: 100vw;
    height: 100vh;
    background-color: #F3F5FA;
}
</style>