123456789101112131415161718192021222324252627282930313233 |
- <template>
- <div class="app-layout">
- <app-head class="app-head"></app-head>
- <app-main></app-main>
- <notify></notify>
- </div>
- </template>
- <script>
- import AppHead from "./EditorHead.vue";
- import AppMain from "./EditorMain.vue";
- import Notify from "@/components/notify.vue";
- export default {
- name: "app-layout",
- components: {
- AppHead,
- AppMain,
- Notify
- },
- };
- </script>
- <style lang="less">
- .app-layout {
- display: flex;
- flex-direction: column;
- width: 100%;
- height: 100%;
- overflow: hidden;
- .app-head {
- flex: 0 0 auto;
- }
- }
- </style>
|