user.vue 802 B

123456789101112131415161718192021222324252627282930313233343536
  1. <template>
  2. <div class="default-layout flex-col">
  3. <ls-header></ls-header>
  4. <main-nav />
  5. <main class="content-container wrapper1180 flex flex-1">
  6. <div class="content bg-white flex-1">
  7. <nuxt />
  8. </div>
  9. </main>
  10. <ls-footer></ls-footer>
  11. </div>
  12. </template>
  13. <script>
  14. import LsHeader from "~/components/layout/header";
  15. import LsFooter from "~/components/layout/footer";
  16. import MainNav from '~/components/layout/main-nav'
  17. export default {
  18. components: {
  19. LsHeader,
  20. LsFooter,
  21. MainNav
  22. },
  23. };
  24. </script>
  25. <style scoped>
  26. .default-layout {
  27. min-height: 100vh;
  28. }
  29. .content-container {
  30. padding: 24px 0;
  31. align-items: flex-start;
  32. }
  33. .content-container > .content {
  34. min-height: 680px;
  35. }
  36. </style>