class-info.html 4.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. <!-- include 'header' -->
  2. <div class="mainWrap">
  3. <div class="width1000 mainInfo">
  4. <div class="classWrap">
  5. <div class="classInfoTop clearfix">
  6. <div class="classImg fL"><img width="450" height="250" src="{{rootUrl}}{{classinfo.avatar}}"></div>
  7. <div class="classInfoR">
  8. <h3>{{classinfo.classname}}</h3>
  9. <p><span>报名人数: {{usernum}} </span><span>总课时:{{classinfo.classnum}}课时({{totalnum}}小时)</span></p>
  10. <p><span class="price-orange"><b>¥ {{classinfo.price}}</b></span></p>
  11. <div class="btnClassApply">
  12. <!-- if isset({{username}}) -->
  13. <!-- if isset({{isbuy}}) -->
  14. <a class="btn btn-primary btnApply btnGreen" style="padding:10px 45px;" href="{{rootUrl}}videoinfo/{{classinfo.classid}}">立即学习</a>
  15. <!-- else -->
  16. <a class="btn btn-primary btnApply btnGreen" style="padding:10px 45px;" href="{{rootUrl}}payStatus/{{classinfo.classid}}" onclick="stopclick();" id="paybtn">立即支付</a>
  17. <!-- endif -->
  18. <!-- else -->
  19. <a class="btn btn-primary btnApply btnGreen" href="javascript:void(0);" style="padding:10px 45px;" data-toggle="modal" data-target="#myModal" >立即支付</a>
  20. <!-- endif -->
  21. </div>
  22. </div>
  23. </div>
  24. <div class="classInfoBttom">
  25. <ul class="nav nav-tabs" role="tablist">
  26. <li role="presentation" class="active"><a href="#home" role="tab" data-toggle="tab">课程简介</a></li>
  27. <li role="presentation"><a href="#profile" role="tab" data-toggle="tab">课程目录</a></li>
  28. </ul>
  29. <div class="tab-content">
  30. <div role="tabpanel" class="tab-pane active" id="home">
  31. <p>简介</p>
  32. <p>{{classinfo.description}}</p>
  33. </div>
  34. <div role="tabpanel" class="tab-pane" id="profile">
  35. <!-- if isset({{kttype}}) && !empty({{kttype}}) -->
  36. <!-- loop kttype -->
  37. <div class="classList">
  38. <h4><span>{{kttype' value.typeprefix}}</span> {{kttype' value.typename}}</h4>
  39. <!-- if isset({{kttype' value.section}}) && !empty({{kttype' value.section}}) -->
  40. <!-- loop kttype' value.section -->
  41. <dl class="classSection">
  42. <!-- if {{kttype' section' value.ishow}} == 1 --><dt>{{kttype' section' value.seprefix}} {{kttype' section' value.sename}}</dt><!-- endif -->
  43. <!-- if isset({{kttype' section' vlaue.video}}) && !empty({{kttype' section' value.video}}) -->
  44. <!-- loop kttype' section' value.video -->
  45. <dd>
  46. <div class="classVideo">
  47. <a <!-- if isset({{username}}) --><!-- if isset({{isbuy}}) -->href="{{rootUrl}}videoinfo/{{classinfo.classid}}"<!-- else -->href="{{rootUrl}}payStatus/{{classinfo.classid}}"<!-- endif --><!-- else -->href="javascript:void(0);" data-toggle="modal" data-target="#myModal"<!-- endif -->>{{kttype' section' video' value.videoname}}.{{kttype' section' video' value.file_ext}}
  48. <span class="classTime fR">{{totime(kttype' section' video' value.file_time)}}</span>
  49. <div class="btnClassGroup">
  50. <!-- if isset({{username}}) -->
  51. <!-- if isset({{isbuy}}) -->
  52. <button type="button" class="btn btn-success btnClass">立即学习</button>
  53. <!-- else -->
  54. <button type="button" class="btn btn-success btnClass">立即支付</button>
  55. <!-- endif -->
  56. <!-- else -->
  57. <button type="button" class="btn btn-success btnClass">立即支付</button>
  58. <!-- endif -->
  59. </div>
  60. </a>
  61. </div>
  62. </dd>
  63. <!-- endloop -->
  64. <!-- endif -->
  65. </dl>
  66. <!-- endloop -->
  67. <!-- endif -->
  68. </div>
  69. <!-- endloop -->
  70. <!-- endif -->
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. </div>
  77. <!-- include 'footer' -->
  78. <script>
  79. function stopclick(){
  80. $('#paybtn').attr('disabled','disabled');
  81. $('#paybtn').addClass('disabled');
  82. }
  83. </script>
  84. </body>
  85. </html>