detail.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!-- 详情页 -->
  2. <!DOCTYPE html>
  3. <html>
  4. <head>
  5. <%- include('components/meta-head.html') %>
  6. <link rel="stylesheet" href="/css/insight.css" />
  7. <script src="/js/jquery-1.11.3.min.js"></script>
  8. </head>
  9. <body class="sticky">
  10. <%- include('components/site-header.html') %>
  11. <div class="container">
  12. <div class="wrapper">
  13. <div class="bread-crumb">
  14. <a href="/">伏羲学堂</a>
  15. <span><%= course.title%></span>
  16. </div>
  17. <div class="detail">
  18. <div class="figure">
  19. <% if(course.detailvideo) {%>
  20. <div class="video">
  21. <video
  22. src="<%= course.detailvideo %>"
  23. poster="<%= course.detailimg %>"
  24. controls
  25. id="detail_video"
  26. ></video>
  27. <div class="button">
  28. <svg xmlns="http://www.w3.org/2000/svg" class="play xg-icon-play" width="28" height="40" viewBox="3 -4 28 40">
  29. <path fill="#fff" transform="scale(0.0320625 0.0320625)" d="M576,363L810,512L576,661zM342,214L576,363L576,661L342,810z"></path>
  30. </svg>
  31. </div>
  32. </div>
  33. <% }else{%>
  34. <img src="<%= course.detailimg %>" alt="" />
  35. <% }%>
  36. </div>
  37. <div class="content">
  38. <h2><%= course.title%></h2>
  39. <div class="price-area">
  40. <div class="price"><b><%= course.price%></b><del>¥<%= course.oprice%></del></div>
  41. <div class="sales">
  42. <div class="p8"><%= course.discountmsg%></div>
  43. </div>
  44. </div>
  45. <div class="upgrade-date">最近更新时间:<%= course.updatedMonth%></div>
  46. <a href="<%= course.payHref%>" class="button"
  47. ><%= parseFloat(course.price) ? "立即购买":"免费领取" %></a
  48. >
  49. </div>
  50. </div>
  51. </div>
  52. <%- include('components/course-section.html') %>
  53. </div>
  54. <%- include('components/site-footer.html') %>
  55. <script src="/js/detail.js"></script>
  56. <script src="/js/video.js"></script>
  57. </body>
  58. </html>