course.php 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <?PHP
  2. include "../pcdl/html_head.php";
  3. ?>
  4. <body>
  5. <script language="javascript" src="../course/course.js"></script>
  6. <?php
  7. require_once("../pcdl/head_bar.php");
  8. ?>
  9. <style>
  10. #main_video_win iframe{
  11. width:100%;
  12. height:100%;
  13. }
  14. #course_frame{
  15. display:flex;
  16. }
  17. #course_content{
  18. margin:0;
  19. padding:0;
  20. }
  21. #lesson_list{
  22. }
  23. #course_info_head_1{
  24. display:flex;
  25. }
  26. #course_info_head_face{
  27. width: 200px;
  28. height: 200px;
  29. padding: 12px;
  30. }
  31. #course_info_head_face img{
  32. width: 100%;
  33. border-radius: 12px;
  34. }
  35. .section_inner{
  36. max-width: 960px;
  37. margin: 0 auto;
  38. }
  39. #course_info_head_title{
  40. padding: 12px;
  41. }
  42. #course_title{
  43. font-size: 22px;
  44. font-weight: 700;
  45. }
  46. #course_subtitle {
  47. font-size: 13px;
  48. font-weight: 600;
  49. padding: 10px 0;
  50. }
  51. #lesson_list_shell{
  52. background-color: var(--drop-bg-color);
  53. }
  54. .course_info_block{
  55. border-top: 1px solid var(--box-bg-color2);
  56. padding: 10px 5px;
  57. }
  58. .course_info_block:first{
  59. border-top: none;
  60. }
  61. .course_info_block h2{
  62. font-size: 16px;
  63. }
  64. #lesson_list {
  65. display: flex;
  66. flex-wrap: wrap;
  67. }
  68. #lesson_list .lesson_card{
  69. width:50%;
  70. padding: 15px;
  71. }
  72. .datatime {
  73. display: inline;
  74. padding: 1px 4px;
  75. }
  76. .not_started{
  77. background-color: orangered;
  78. color: var(--bg-color);
  79. }
  80. .in_progress,.already_over{
  81. color: var(--btn-hover-bg-color);
  82. }
  83. .lesson_card .title {
  84. padding: 5px;
  85. font-size: 17px;
  86. font-weight: 600;
  87. }
  88. #course_info_head_2{
  89. padding:10px;
  90. }
  91. </style>
  92. <?php
  93. //
  94. require_once "../path.php";
  95. require_once "../public/_pdo.php";
  96. require_once '../ucenter/function.php';
  97. require_once '../public/function.php';
  98. ?>
  99. <div id='course_content' >
  100. <div id='course_info_shell'><div id='course_info' class="section_inner"></div></div>
  101. <div id='lesson_list_shell'><div id='lesson_list' class="section_inner"></div></div>
  102. </div>
  103. <script>
  104. course_load("<?php echo $_GET["id"]; ?>");
  105. </script>
  106. <?php
  107. include "../pcdl/html_foot.php";
  108. ?>