Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

185 рядки
10 KiB

  1. <view id="BoxBg" bindtap="hieaddCheck" >
  2. <view class="Box">
  3. <navbar home back text="{{classTitle}}" background="#0E1119" color="#fff"></navbar>
  4. <prompt bind:hie="cancel" url="/pages/order/order" tt:if="{{showHie}}" titil="提示" text="您有已存在的订单" assistant="取消" advocate="去查看"></prompt>
  5. <view style="height:{{navigationBarHeight}} "></view>
  6. <video id="myVideo" bindtimeupdate="time" controls="{{btnSuspend}}" src="{{mp4Url}}"></video>
  7. <cover-view class="coverPay" tt:if="{{goPayFlag&&ifPay!='ios'}}" bindtap="goPay">¥ {{data.salePriceStr}} 购买</cover-view>
  8. <cover-view class="noCoverPay" tt:if="{{goPayFlag&&ifPay=='ios'}}" >暂不支持购买</cover-view>
  9. <view class="showContBox oh">
  10. <view class="titleBox">
  11. <view class="title">{{data.title}}</view>
  12. <view class="classBox oh">
  13. <!-- <image class="courseLogo" src="{{imgHttps+'upzy_icon_ks.png'}}" mode="" />
  14. <view class="classNum">56课时</view> -->
  15. <image class="heatLogo" src="{{imgHttps+'home_ic_renq.png'}}" mode="" />
  16. <view class="heatNum">人气{{data.popularity}}</view>
  17. </view>
  18. </view>
  19. <view class="collectBox" bindtap="setCollect">
  20. <image class="collect" src="{{imgHttps+'details_tab_sc.png'}}" mode="" tt:if="{{!iscollect}}"/>
  21. <image class="collect" src="{{imgHttps+'details_xx_huang.png'}}" mode="" tt:if="{{iscollect}}"/>
  22. <!-- details_xx_huang.png -->
  23. <view style="color: #fff;">收藏</view>
  24. </view>
  25. </view>
  26. <!-- 未购买出现 -->
  27. <view class="payBox oh" tt:if="{{data.salePriceStr!=0}}">
  28. <view class="payF">
  29. </view>
  30. <view class="payNum">
  31. {{data.salePriceStr}}
  32. </view>
  33. </view>
  34. <!-- 未购买出现 -->
  35. <!-- 购买出现 -->
  36. <view class="oh " style="position: relative;" tt:if="{{data.columnCoupons}}">
  37. <view class="purchaseBox oh" >
  38. <view bindtap="siteVid" data-id="{{item.videoId}}" data-index="{{index}}" class="{{anthology==index?'anthology_a':'anthology'}} " tt:for="{{data.columnCoupons}}">
  39. <view class="anthologyItem">{{(index+1)+'.'+item.title}}</view>
  40. </view>
  41. </view>
  42. <!-- <image class="more" bindtap="setShowPopup" src="{{imgHttps+'me_icon_jiantou.png'}}" mode="" /> -->
  43. <!-- <view class="shadow"></view> -->
  44. </view>
  45. <!-- 选集弹框 -->
  46. <!-- <view class="compilationsBox oh" tt:if="{{showPopup}}">
  47. <view class="oh">
  48. <view class="aaClassBox">
  49. <view class="anthologyBox oh">
  50. <view class="anthologyText">课程分集</view>
  51. <view class="xiao">共</view>
  52. <view class="Num">{{classNumber}}</view>
  53. <view class="xiao">集</view>
  54. </view>
  55. </view>
  56. <image class="pack" src="{{imgHttps+'details_icon_fenji.png'}}" mode="" bindtap="hiePopup"/>
  57. </view>
  58. <view class="numberBox oh">
  59. <view class="{{popupNum==index?'number_a':'number'}}" tt:for="{{3}}" bindtap="setPopupNum" data-index="{{index}}">1-20</view>
  60. </view>
  61. <view class="curriculumBox oh" tt:for="{{6}}" bindtap="setPopupIndex" data-index="{{index}}">
  62. <image class="bfLogo" src="{{imgHttps+'details_ml_bf.png'}}" mode="" />
  63. <view class="classnameBox">
  64. <view class="{{popupIndex==index?'classname_a':'classname'}}">1.健身私教体验课-常规课程训练</view>
  65. <view class="classTiemBox oh">
  66. <image class="time" src="{{imgHttps+'details_ml_sj.png'}}" mode="" />
  67. <view class="timeText">20:58</view>
  68. <image class="yuan" src="{{imgHttps+'details_ml_zzbf.png'}}" mode="" tt:if="{{popupIndex==index}}"/>
  69. <view class="then" tt:if="{{popupIndex==index}}">正在播放</view>
  70. </view>
  71. </view>
  72. </view>
  73. </view> -->
  74. <!-- 选集弹框 -->
  75. <!-- 购买出现 -->
  76. <view class="columnBox oh">
  77. <view class=" {{columnIndex==0?'catalogue columnB_a':'catalogue'}}" bindtap="setColumnIndex" data-index="{{0}}" tt:if="{{data.type==1}}">
  78. <!-- 目录({{classNumber}}) -->
  79. 目录
  80. </view>
  81. <view class=" {{columnIndex==1?'introduce columnB_a':'introduce'}}" bindtap="setColumnIndex" data-index="{{1}}">
  82. 介绍
  83. </view>
  84. </view>
  85. <!-- 介绍 -->
  86. <navigator url="/pages/UpHome/UpHome?id={{data.merchantId}}&name={{data.merchantName}}" open-type="" hover-class="className" class="userParticularsBox oh" tt:if="{{columnIndex==1}}">
  87. <view class="userBox oh" >
  88. <image class="userLogo" src="{{data.merchantPic}}" mode="" />
  89. <view class="userNameBox oh">
  90. <view class="oh">
  91. <view class="userName">{{data.merchantName}}</view>
  92. <!-- <view class="attention">+ 关注</view> -->
  93. </view>
  94. <view class="classifyBoc oh" tt:if="{{data.businessName}}">
  95. <view class="classifyItem">{{data.businessName}}</view>
  96. <!-- <view class="classifyItem">健身</view> -->
  97. </view>
  98. </view>
  99. <image class="extend" src="{{imgHttps+'me_icon_jiantou.png'}}" mode="" />
  100. </view>
  101. <view class="userDescribe">{{data.author.introduction}}</view>
  102. </navigator>
  103. <view class="richtextBox" tt:if="{{columnIndex==1}}">
  104. <rich-text class="rich_text" nodes="{{data.html}}"></rich-text>
  105. </view>
  106. <view class="purchaseNotes" tt:if="{{columnIndex==1}}">
  107. <view class="purchaseTitleBox">
  108. <view class="purchaseTitle">购买须知</view>
  109. <view class="purchaseXian"></view>
  110. </view>
  111. <view class="issueBox">
  112. <view class="issueTitle">如何观看以购买的课程?</view>
  113. <view class="answerBox">
  114. <view class="answer">您可以点击知播堂小程序底部的“课程”按钮学习已经购买的课程。</view>
  115. </view>
  116. </view>
  117. <view class="issueBox">
  118. <view class="issueTitle">课程是否可以退款?</view>
  119. <view class="answerBox">
  120. <view class="answer">知播堂的全部课程均属虚拟商品,购买后无特殊情况不支持退款,请在购买前预览并慎重购买,如课程存在内容与描述不符、违规行为,您有权自行联系老师,并向老师提出退款。</view>
  121. </view>
  122. </view>
  123. </view>
  124. <!--/ 介绍 -->
  125. <!-- 目录 -->
  126. <view tt:if="{{columnIndex==0}}" class="catalogueBox">
  127. <view class="titleImgBox oh">
  128. <image src="{{imgHttps+'details_icon_kcfj.png'}}" mode="" class="h3Img"/>
  129. <view class="h3">课程分集</view>
  130. </view>
  131. <view class="playLsitBox oh" tt:for="{{data.columnCoupons}}" bindtap="setThenIndex" data-index="{{index}}" data-id="{{item.videoId}}">
  132. <image class="transmitImg" src="{{imgHttps+'details_ml_bf.png'}}" mode="" />
  133. <view class="timeBox oh">
  134. <view class="{{anthology==index?'timeBoxTitle_a':'timeBoxTitle'}} ">{{(index+1+'.')+item.title}}</view>
  135. <view class="tiemBoxImg oh">
  136. <!-- <image class="time" src="{{imgHttps+'details_ml_sj.png'}}" mode="" /> -->
  137. <!-- <view class="timeText">20:58</view> -->
  138. <image class="yuan" src="{{imgHttps+'details_ml_zzbf.png'}}" mode="" tt:if="{{anthology==index}}"/>
  139. <view class="then" tt:if="{{anthology==index}}">正在播放</view>
  140. </view>
  141. </view>
  142. <!-- <image class="try" src="{{imgHttps+'details_ml_sk.png'}}" mode="" tt:if="{{!data.view&&anthology==index}}"/>
  143. <image class="shuo" src="{{imgHttps+'details_ml_wgm.png'}}" mode="" tt:if="{{anthology==!index}}"/> -->
  144. </view>
  145. </view>
  146. <view class="hit"></view>
  147. <image catchtap="addCheck" class="add" src="{{imgHttps+'details_bat_xf_zk.png'}}" mode="" tt:if="{{addFlag}}"/>
  148. <!-- 入驻 挂载 -->
  149. <view class="addBox {{extraClasses}} oh">
  150. <view class="goruzu oh">
  151. <button class="mount oh" open-type="share" data-channel="video">
  152. <image src="{{imgHttps+'details_xf_ic_fbsp.png'}}" mode="" class="video"/>
  153. <view class="issue">发布视频</view>
  154. </button>
  155. </view>
  156. <view class="xian"></view>
  157. <navigator url="/pages/upEnter/upEnter" class="goruzu oh">
  158. <image src="{{imgHttps+'details_xf_ic_sqrz.png'}}" mode="" class="checkImg"/>
  159. <view class="issue" url="/pages/upEnter/upEnter">申请入驻</view>
  160. </navigator>
  161. </view>
  162. <!-- 分享 咨询 购买 -->
  163. <view class="shareBox oh">
  164. <image class="shareImg" src="{{imgHttps+'details_bat_fx.png'}}" mode=""/>
  165. <button class="service" open-type="share"> 分享 </button>
  166. <view class="xuxian"></view>
  167. <image class="consult" src="{{imgHttps+'details_bat_zx.png'}}" mode=""/>
  168. <button class="service" open-type="contact" > 咨询 </button>
  169. <view class="shopping" bindtap="goPay" tt:if="{{ifPay!='ios'&&!data.view}}">¥{{data.salePriceStr}}</view>
  170. <view class="nOshopping" bindtap="showIos" tt:if="{{ifPay=='ios'&&!data.view}}">¥{{data.salePriceStr}}</view>
  171. </view>
  172. </view>
  173. <prompt bind:hie="cancelIos" tt:if="{{showIos}}" titil="提示" text="Ios当前暂不支持购买" hidText="确定" ></prompt>
  174. </view>