App.vue 544 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <div class="main">
  3. <router-view />
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'App'
  9. };
  10. </script>`
  11. <style>
  12. html,
  13. body {
  14. margin: 0;
  15. padding: 0;
  16. height: 100%;
  17. width: 100%;
  18. overflow: hidden;
  19. box-sizing: border-box;
  20. background-image: url(@/assets/bc.png);
  21. background-size: cover;
  22. background-position: bottom;
  23. }
  24. body {
  25. display: flex;
  26. justify-content: center;
  27. align-items: center;
  28. }
  29. .main {
  30. width: 96%;
  31. height: 96vh;
  32. position: relative;
  33. background: rgba(255, 255, 255, 0.5);
  34. }
  35. </style>