<template>
  <div class="doc_container">
    <div class="content">
      <router-view class="content_box" />
      <div class="user_info">header</div>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    
  },
  data: () => ({
    
  }),
  watch: {
    
  },
  methods: {
    
  },
  mounted() {
    
  },
};
</script>

<style scoped>
.doc_container {
  height: calc(100vh - 58px);
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}
.content{
  width: 1200px;
  margin: 0 auto;
  position: relative;
}
.content_box{
  width: 856px;
}
.user_info{
  width: 328px;
  position: absolute;
  top: 46px;
  right: 0px;
}
</style>
