Main.vue 797 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  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. height: 100%;
  40. }
  41. .rightRegion {
  42. flex: 1;
  43. height: 100%;
  44. }
  45. </style>