<template>
    <div class="flex justify-between" style="height: 100%;">
       <Side_t></Side_t>
       <div style="padding: 15px 60px 120px 0px ">
        <Header></Header>
          <div class="main-wrap">
              <router-view />
          </div>
       </div>
    </div>

</template>

<script>
import Header from '../../layout/Header.vue';
import Menu from '../../layout/Menu.vue';
import Side_t from '../../layout/Side_t.vue';

export default {
  data() {
      return {
      }
  },
  methods: {
     
  },
  watch: {

  },
  computed: {

  },
  components: {
      Header: Header,
    Menu: Menu,
    // Footer:Footer,
    Side_t:Side_t,
  },
  mounted() {
      console.log('main mounted');
  }
}
</script>
<style scoped>
.main-wrap{
  margin-top: 20px;
  position: static;
  width: 144rem;
  height: 100%;
}
</style>