courseDetail.wxml 3.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <import src="../../../../wxParse/wxParse.wxml" />
  2. <view class='course-container'>
  3. <view class="course-img">
  4. <view class="section tc" wx:if="videoFile || data.thumbnailImg">
  5. <video id="myVideo" style="width:100%;height:420rpx" src="{{videoFile}}" poster="{{data.thumbnailImg}}" enable-danmu controls></video>
  6. </view>
  7. </view>
  8. <view class="course-c">
  9. <view class="course-p">
  10. <text>抢购价:</text>
  11. <text class='sale'>¥</text>
  12. <text>{{data.price}}</text>
  13. </view>
  14. <view class="course-pb">
  15. <text class="course-title">{{data.title}}</text>
  16. <text class="course-title2">{{data.introduction}}</text>
  17. </view>
  18. <view class='course-light course-light-box' wx-if="{{data.tags.length>0}}">
  19. <view class='course-light-container'>
  20. <text class='course-light-title'>课程亮点</text>
  21. <!-- <view class='circle'></view> -->
  22. <view class='course-light-txt'>
  23. <block wx:for="{{data.tags}}" wx:for-item="tagItem">
  24. <text>{{tagItem.tag}}</text>
  25. </block>
  26. </view>
  27. <!-- <text class="course-light-txt2">简历项目怎么写</text> -->
  28. </view>
  29. </view>
  30. <view class='course-list course-list-box' wx-if="{{data.video.length>0}}">
  31. <view class='course-list-container'>
  32. <text class='course-list-title'>课程目录</text>
  33. <!-- <view class='circle'></view> -->
  34. <block wx:for="{{data.video}}" wx:for-index="vindex" wx:for-item="videoItem">
  35. <view wx:if="{{isBuy!=='1'}}" data-index="{{vindex}}" data-isbuy="{{isBuy}}" class='course-list-txt' data-item="{{videoItem.isListen}}" bindtap='courselisten'>
  36. <view>
  37. <text>{{videoItem.title}}</text>
  38. <text class='voice' wx:if="{{videoItem.isListen==1}}">试听</text>
  39. <text wx:else="{{videoItem.isListen==0}}"></text>
  40. </view>
  41. <view>
  42. <i class="iconfont icon-bofang" wx:if="{{videoItem.isDelete==0}}"></i>
  43. <text class='videoplayer'>{{videoItem.videoTime}}</text>
  44. </view>
  45. </view>
  46. <view wx:if="{{isBuy==='1'}}" data-index="{{vindex}}" data-isbuy="{{isBuy}}" class='course-list-txt' data-item="{{videoItem.isListen}}" bindtap='courselisten'>
  47. <view>
  48. <text>{{videoItem.title}}</text>
  49. </view>
  50. <view>
  51. <i class="iconfont icon-bofang"></i>
  52. <text class='videoplayer'>{{videoItem.videoTime}}</text>
  53. </view>
  54. </view>
  55. </block>
  56. </view>
  57. </view>
  58. <view class='course-detail course-detail-box' wx-if="{{data.content}}">
  59. <view class='course-detail-container'>
  60. <text class='course-detail-title'>课程详情</text>
  61. <!-- <view class='circle'></view> -->
  62. </view>
  63. <view class='course-top'>
  64. <template is="wxParse" data="{{wxParseData:content.nodes}}" />
  65. </view>
  66. </view>
  67. </view>
  68. <view class='botm zindex'>
  69. <view>
  70. <view class='left-t'>
  71. <button open-type='share' class='left-t-l'>
  72. <image src='{{appAssetsUrl}}/images/fx.png'></image>
  73. <text class="sharebtn">分享</text>
  74. </button>
  75. </view>
  76. </view>
  77. <block wx:if="{{isBuy==='1'}}">
  78. <view class='signUp greybg'>
  79. <text>立即购买</text>
  80. </view>
  81. </block>
  82. <block wx:if="{{isBuy!=='1'}}">
  83. <view class='signUp mainbg' bindtap="upgrade">
  84. <text>立即购买</text>
  85. </view>
  86. </block>
  87. </view>
  88. </view>