四端上传

yelaymaths/pages/VideoDetails/VideoDetails.wxml

@@ -0,0 +1,54 @@
+<!--pages/VideoDetails/VideoDetails.wxml-->
+
+<!-- 已拥有：正常播放 -->
+<block wx:if="{{owned}}">
+  <video hidden="{{HiddenVideoControl}}" class="videoplayer" src="{{VideoPlayerSrc}}" />
+  <scroll-view class="scrollarea" scroll-y type="list" style="top:{{top}}rpx;">
+    <view class="jieshao">
+      <text decode class="video_biaoti">&nbsp;&nbsp;{{VideoTitle}}</text>
+      <text decode class="video_miaoshu">&nbsp;&nbsp;{{VideoDetails}}</text>
+      <text decode class="video_info">&nbsp;&nbsp;已更新{{playdata.length}}期</text>
+    </view>
+
+    <view class="videolistcontainer" bind:tap="onTapLesson"
+      wx:for="{{playdata}}" wx:for-item="item" wx:for-index="index" wx:key="index" data-index="{{index}}">
+      <view class="videoimage">
+        <image class="coverimage" src="{{item.coverUrl}}" mode="aspectFill" />
+      </view>
+      <view class="videoinfo">
+        <text class="videotitle">{{item.chapterTitle}}</text>
+        <text class="videodetails">{{item.lessonTitle}}</text>
+        <view class="videoinfo2">
+          <text class="videodata">{{item.publishedAt}}</text>
+          <text class="videotime">{{item.duration}}min</text>
+        </view>
+      </view>
+    </view>
+  </scroll-view>
+</block>
+
+<!-- 未拥有：展示介绍与购买入口 -->
+<block wx:else>
+  <scroll-view class="scrollarea" scroll-y type="list">
+    <view class="jieshao">
+      <text decode class="video_biaoti">&nbsp;&nbsp;{{VideoTitle}}</text>
+      <text decode class="video_miaoshu">&nbsp;&nbsp;{{VideoDetails}}</text>
+    </view>
+
+    <view style="padding: 0 40rpx;">
+      <image style="width: 100%; border-radius: 16rpx;" src="{{coverUrl}}" mode="widthFix" />
+    </view>
+
+    <view class="fixed-btn-wrapper">
+      <view class="btn-group">
+        <button class="DianJiXiangQing1" bind:tap="buyNow" disabled="{{buying}}">
+          <text class="DianJiXiangQing2">{{buying ? '处理中…' : '立即购买 ¥' + priceYuan}}</text>
+        </button>
+        <button class="DianJiXiangQing1" open-type="contact">
+          <text class="DianJiXiangQing2">咨询客服</text>
+        </button>
+      </view>
+    </view>
+  </scroll-view>
+</block>
+