<template>
  <!-- <div id="page-main" v-bind:class="{ 'page-sidebar-closed': sidebarClosed }"> -->
  <div id="page-main">
    <div class="leftRegion">
      <pageLeft></pageLeft>
    </div>
    <div class="rightRegion">
      <pageRight></pageRight>
    </div>
  </div>
</template>
<script>
import pageLeft from "./components/frame/pageLeft";
import pageRight from "./components/frame/pageRight";

export default {
  name: "Main",
  components: {
    pageLeft,
    pageRight
  },
  props: [],
  data() {
    return {};
  },
  computed: {},
  methods: {},
  watch: {},
};
</script>

<style lang="less" scoped>
#page-main {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
}

.leftRegion {
  width: 235px;
  height: 100%;
}
.rightRegion {
  flex: 1;
  height: 100%;
}
</style>
