Lessons.vue 831 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <div class="container">
  3. <h1>往届回顾</h1>
  4. <div class="left-box"></div>
  5. <div class="right-box"></div>
  6. </div>
  7. </template>
  8. <script>
  9. export default {
  10. components: {
  11. },
  12. data() {
  13. return {
  14. }
  15. },
  16. methods: {
  17. },
  18. mounted() {
  19. }
  20. }
  21. </script>
  22. <style scoped>
  23. html, body, #app {
  24. height: 100% !important;
  25. user-select: none;
  26. }
  27. .main-content {
  28. background:rgb(248,248,248) !important;
  29. }
  30. .container {
  31. width: 1200px;
  32. margin: 100px auto;
  33. display:flex;
  34. flex-direction:row;
  35. justify-content:space-between;
  36. }
  37. .container .left-box {
  38. width:25%;
  39. height:600px;
  40. background:#fff;
  41. }
  42. .container .right-box {
  43. width:73%;
  44. height:600px;
  45. background:#fff;
  46. }
  47. .center-col {
  48. }
  49. </style>