EditorAppLayout.vue 573 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div class="app-layout">
  3. <app-head class="app-head"></app-head>
  4. <app-main></app-main>
  5. <notify></notify>
  6. </div>
  7. </template>
  8. <script>
  9. import AppHead from "./EditorHead.vue";
  10. import AppMain from "./EditorMain.vue";
  11. import Notify from "@/components/notify.vue";
  12. export default {
  13. name: "app-layout",
  14. components: {
  15. AppHead,
  16. AppMain,
  17. Notify
  18. },
  19. };
  20. </script>
  21. <style lang="less">
  22. .app-layout {
  23. display: flex;
  24. flex-direction: column;
  25. width: 100%;
  26. height: 100%;
  27. overflow: hidden;
  28. .app-head {
  29. flex: 0 0 auto;
  30. }
  31. }
  32. </style>