MainPage.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <div id="app">
  3. <div class="main-content">
  4. <headers></headers>
  5. <div class="content">
  6. <router-view />
  7. </div>
  8. <div class="footer">
  9. 成都高新区教师发展中心 成都益教信息技术有限公司技术支持&nbsp;蜀ICP备05083914
  10. </div>
  11. </div>
  12. </div>
  13. </template>
  14. <script>
  15. import headers from '@/components/smart-class/headers'
  16. export default {
  17. components: {
  18. headers
  19. },
  20. data() {
  21. return {
  22. }
  23. },
  24. methods: {
  25. },
  26. mounted() {
  27. }
  28. }
  29. </script>
  30. <style scoped>
  31. html, body, #app {
  32. /*height: 100% !important;*/
  33. user-select: none;
  34. background: rgb(241,242,243);
  35. }
  36. .main-content {
  37. position: relative;
  38. width: 100%;
  39. min-width: 1200px;
  40. min-height: 768px;
  41. display: flex;
  42. flex-direction: column;
  43. align-items: center;
  44. background: rgb(241,242,243);
  45. }
  46. .content {
  47. width: 100%;
  48. }
  49. .logo {
  50. width: 200px;
  51. height: 200px;
  52. margin-bottom: 50px;
  53. }
  54. .footer {
  55. height: 60px;
  56. text-align: center;
  57. font-size: 12px;
  58. color: #aaa;
  59. line-height: 60px
  60. }
  61. </style>