index.vue 489 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div id="main">
  3. <!-- <main-menu :collapse="menuCollapse"/> -->
  4. <router-view class="main-content"></router-view>
  5. </div>
  6. </template>
  7. <script>
  8. import MainMenu from "@/components/menu/";
  9. export default {
  10. components: {
  11. MainMenu
  12. },
  13. data() {
  14. return {
  15. // 菜单是否折叠
  16. menuCollapse: false
  17. };
  18. }
  19. };
  20. </script>
  21. <style scoped>
  22. #main {
  23. display: flex;
  24. height: calc(100vh - 70px);
  25. padding: 10px;
  26. }
  27. .main-content {
  28. flex: 1;
  29. }
  30. </style>