index.vue 449 B

12345678910111213141516171819202122232425
  1. <template>
  2. <div class="parent">
  3. <Headers></Headers>
  4. <router-view></router-view>
  5. <Footers class="footer"></Footers>
  6. </div>
  7. </template>
  8. <script setup>
  9. import Headers from './personal/navBar.vue'
  10. import Footers from './personal/footer.vue'
  11. defineOptions({ name: 'layout-index' })
  12. </script>
  13. <style lang="scss" scoped>
  14. .parent {
  15. height: 100vh;
  16. position: relative;
  17. }
  18. .footer {
  19. position: absolute;
  20. bottom: 0;
  21. left: 0;
  22. }
  23. </style>