TEAMModelOS/TEAMModelOS.SmartTeach/ClientApp/view/syllabus/index/index.vue

<style>
  @import 'Syllabus.css';
  @import 'KnowPoint.css';
  @import '../../../assets/CSS/syllabus/common.css';

</style>

<template>
  <div class="index">
     <div class="sak-header">
       <Headers :parentToChild="syllabusTitle" :identityselect="identitydata"></Headers>
     </div>
     <div class="sak-main center">
       <div class="sak-left">
         <Syllabus></Syllabus>
       </div>
       <div class="sak-right">
         <KnowPoint></KnowPoint>
       </div>
     </div>
  </div>
</template>
<script>
  import Headers from '@/common/headers.vue'
  import Syllabus from './Syllabus.vue'
  import KnowPoint from './KnowPoint.vue'
  export default {
    name: "app",
    components: {
      Headers: Headers,
      Syllabus: Syllabus,
      KnowPoint: KnowPoint
    },
    data() {
      return {
        syllabusTitle:"课纲管理/知识点管理",
        schoolName: "",
        username: "",
        activeIndex: sessionStorage.getItem('kIndex') || 0,
        identitydata: [
              { "id": 1, "name": '成都紫藤小学', "rolename": '管理员', status: '1' },
              { "id": 2, "name": '成都七中小学', "rolename": '班主任', status: '2' }
            ],
      }
    },
    created() {
    
    },
    methods: {

    },
    mounted() {
      
    }
  }
</script>
<style scoped>
  .index {
    position: relative;
    width: 100%;
    height:100%;
    overflow-y:hidden;
    min-width: 1366px;
    background: #fff;
    -moz-user-select: none; /*火狐 firefox*/
    -webkit-user-select: none; /*webkit浏览器*/
    -ms-user-select: none; /*IE10+*/
    user-select: none;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .sak-header{
     width:100%;
     height:60px;
  }
  .sak-main {
    width: 100%;
    height: 100%;
  }

  .sak-left {
    width: 60%;
    height: 100%;
  }
  .sak-right {
    width: 40%; 
    height: 100%;
  }
  .center {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }

  .centerCol {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
</style>