Main.vue 765 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <template>
  2. <!-- <div id="page-main" v-bind:class="{ 'page-sidebar-closed': sidebarClosed }"> -->
  3. <div id="page-main">
  4. <div class="leftRegion">
  5. <pageLeft></pageLeft>
  6. </div>
  7. <div class="rightRegion">
  8. <pageRight></pageRight>
  9. </div>
  10. </div>
  11. </template>
  12. <script>
  13. import pageLeft from "./components/frame/pageLeft";
  14. import pageRight from "./components/frame/pageRight";
  15. export default {
  16. name: "Main",
  17. components: {
  18. pageLeft,
  19. pageRight
  20. },
  21. props: [],
  22. data() {
  23. return {};
  24. },
  25. computed: {},
  26. methods: {},
  27. watch: {},
  28. };
  29. </script>
  30. <style lang="less" scoped>
  31. #page-main {
  32. height: 100%;
  33. width: 100%;
  34. display: flex;
  35. flex-direction: row;
  36. }
  37. .leftRegion {
  38. width: 235px;
  39. }
  40. .rightRegion {
  41. flex: 1;
  42. }
  43. </style>