25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

209 lines
11 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 direction="{{direction}}" id="myVideo" bindtimeupdate="time" controls="{{btnSuspend}}" src="{{mp4Url}}"></video>
  7. <cover-view class="coverPay" tt:if="{{goPayFlag&&signal!='ios'}}" bindtap="goPay">¥ {{data.salePriceStr}} 购买</cover-view>
  8. <cover-view class="noCoverPay" tt:if="{{goPayFlag&&signal=='ios'}}" bindtap="goPay">{{data.salePrice}}积分</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="answer1">小程序内购买课程为课程兑换权益,购买成功后将自动兑换到您的账户内,可在小程序中重复学习观看。</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 class="issueBox">
  124. <view class="issueTitle">课程是否可以退款?</view>
  125. <view class="answerBox">
  126. <view class="answer">知播堂的全部课程均属虚拟商品,购买后无特殊情况不支持退款,请在购买前预览并慎重购买,如课程存在内容与描述不符、违规行为,您有权自行联系老师,并向老师提出退款。</view>
  127. </view>
  128. </view>
  129. </view>
  130. <!--/ 介绍 -->
  131. <!-- 目录 -->
  132. <view tt:if="{{columnIndex==0}}" class="catalogueBox">
  133. <view class="titleImgBox oh">
  134. <image src="{{imgHttps+'details_icon_kcfj.png'}}" mode="" class="h3Img"/>
  135. <view class="h3">课程分集</view>
  136. </view>
  137. <view class="playLsitBox oh" tt:for="{{data.columnCoupons}}" bindtap="setThenIndex" data-index="{{index}}" data-id="{{item.videoId}}">
  138. <image class="transmitImg" src="{{imgHttps+'details_ml_bf.png'}}" mode="" />
  139. <view class="timeBox oh">
  140. <view class="{{anthology==index?'timeBoxTitle_a':'timeBoxTitle'}} ">{{(index+1+'.')+item.title}}</view>
  141. <view class="tiemBoxImg oh">
  142. <!-- <image class="time" src="{{imgHttps+'details_ml_sj.png'}}" mode="" /> -->
  143. <!-- <view class="timeText">20:58</view> -->
  144. <image class="yuan" src="{{imgHttps+'details_ml_zzbf.png'}}" mode="" tt:if="{{anthology==index}}"/>
  145. <view class="then" tt:if="{{anthology==index}}">正在播放</view>
  146. </view>
  147. </view>
  148. <!-- <image class="try" src="{{imgHttps+'details_ml_sk.png'}}" mode="" tt:if="{{!data.view&&anthology==index}}"/>
  149. <image class="shuo" src="{{imgHttps+'details_ml_wgm.png'}}" mode="" tt:if="{{anthology==!index}}"/> -->
  150. </view>
  151. </view>
  152. <!-- 入驻 挂载 -->
  153. <image catchtap="showAddCheck" class="add" src="{{imgHttps+'details_bat_xf_zk.png'}}" mode="" tt:if="{{addFlag}}"/>
  154. <view class="addBox " animation="{{showAddBox}}">
  155. <view class="goruzu oh">
  156. <button class="mount oh" open-type="share" data-channel="video">
  157. <image src="{{imgHttps+'details_xf_ic_fbsp.png'}}" mode="" class="video"/>
  158. <view class="issue">发布视频</view>
  159. </button>
  160. </view>
  161. <view class="xian"></view>
  162. <navigator url="/pages/upEnter/upEnter" class="goruzu oh">
  163. <image src="{{imgHttps+'details_xf_ic_sqrz.png'}}" mode="" class="checkImg"/>
  164. <view class="issue" url="/pages/upEnter/upEnter">申请入驻</view>
  165. </navigator>
  166. </view>
  167. <view class="hit"></view>
  168. <!-- 分享 咨询 购买 -->
  169. <view class="shareBox oh">
  170. <image class="shareImg" src="{{imgHttps+'details_bat_fx.png'}}" mode=""/>
  171. <button class="service" open-type="share"> 分享 </button>
  172. <view class="xuxian"></view>
  173. <image class="consult" src="{{imgHttps+'details_bat_zx.png'}}" mode=""/>
  174. <button class="service" open-type="contact" > 咨询 </button>
  175. <view class="shopping" bindtap="goPay" tt:if="{{signal!='ios'&&!data.view}}">¥{{data.salePriceStr}}</view>
  176. <view class="nOshopping" bindtap="goPay" tt:if="{{signal=='ios'&&!data.view}}">¥{{data.salePrice}}积分</view>
  177. </view>
  178. </view>
  179. <!-- <view class="temp"></view> -->
  180. <!--<prompt bind:hie="cancelIos" tt:if="{{showIos}}" titil="提示" text="Ios当前暂不支持购买" hidText="确定" ></prompt>-->
  181. <view class="screenBox" tt:if="{{screenFlag}}">
  182. <view class="screenText">由于版权原因,此内容不支持iOS录屏</view>
  183. </view>
  184. <view class="goDouDianBox" tt:if="{{showGoDouDian}}">
  185. <view class="jifenText">积分不足请去抖店充值</view>
  186. <view class="caozuoBox oh">
  187. <view class="esc" bindtap="hieGoDou">取消</view>
  188. <button class="goDouDian" type="default" size="default" data-id="3496026267042605702" bindtap="openGood">
  189. 去抖店
  190. </button>
  191. </view>
  192. </view>
  193. </view>