bigDataStudent/src/views/targetImprove/components/UserMain.vue

<template>
  <div class="user_mains">
    <div class="user_main_lefts">
      <SideBar/>
    </div>
    <div class="user_main_rights">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
import SideBar from "./SideBar.vue"
export default{
  components:{
    SideBar,
  },
  data() {
    return {
      mainHeight: 0,
      
    };
  },
  mounted(){
      
  },
  beforeDestroy() {
   
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
//内容区布局
.user_mains {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  box-sizing: border-box;

  .user_main_lefts {
    width: 120px;
    height: 100%;
    display: flex;
    justify-content: center;
  }

  .user_main_rights {
    width: calc(100% - 130px);
    height: 100%;
    background-color: transparent;
    padding: 0 !important;
    box-sizing: border-box;
    overflow-y:auto;

    position: relative;
    .old_link
    {
      position: absolute;
      right: 20px;
      top:10px;
      color: #2E64FA;
      cursor: pointer;
      width: 140px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      background-color: #fff;
    }

  }
}
</style>