小程序：视频详情

htmldev/wxMini/pages/media/child/video-item-normal/index.js

@@ -2,7 +2,9 @@ Component({
   /**
    * 组件的属性列表
    */
-  properties: {},
+  properties: {
+    item: Object
+  },
 
   /**
    * 组件的初始数据

htmldev/wxMini/pages/media/child/video-item-normal/index.wxml

@@ -1,8 +1,7 @@
 <view class="photo-wrap">
   <image class="photo" src="{{item.video_cover_url}}"></image>
   <image class="play" src="../../../../image/common/video-play-normal.png"></image>
-  <!--  todo-->
-  <text class="pv">3万次播放</text>
+  <text class="pv">{{item.video_act_num}}次播放</text>
 </view>
 <view class="video-name">{{item.video_name}}</view>
 <view class="data-detail">
@@ -12,10 +11,10 @@
   </view>
   <view class="box">
     <image class="icon-message" src="../../../../image/common/comment.png"></image>
-    <text class="data">99+</text>
+    <text class="data">{{item.video_comment_num >= 99 ? '99+' : item.video_comment_num}}</text>
   </view>
   <view class="box">
     <image class="icon-share" src="../../../../image/common/share.png"></image>
-    <text class="data">99+</text>
+    <text class="data">{{item.video_transfer_num >= 99 ? '99+' : item.video_transfer_num}}</text>
   </view>
 </view>

htmldev/wxMini/pages/media/media.wxml

@@ -55,10 +55,10 @@
     <view
       class="list"
       wx:for="{{listData}}"
-      wx:key="item"
+      wx:key="id"
       data-item="{{item}}"
       bind:tap="jumpMediaDetail">
-      <video-item-normal/>
+      <video-item-normal item="{{item}}"/>
     </view>
   </view>
 </view>

htmldev/wxMini/pages/mediaDetail/mediaDetail.js

@@ -3,13 +3,21 @@ Page({
   /**
    * 页面的初始数据
    */
-  data: {},
+  data: {
+    videoConfig: {}
+  },
 
   /**
    * 生命周期函数--监听页面加载
    */
   onLoad(options) {
+    const { videoConfig } = options
 
+    if (videoConfig) {
+      this.setData({
+        videoConfig: JSON.parse(videoConfig)
+      })
+    }
   },
 
   /**

htmldev/wxMini/pages/mediaDetail/mediaDetail.wxml

@@ -1,23 +1,19 @@
 <view class="wrapper">
   <video
-    src=""
+    src="{{videoConfig.video_url}}"
     object-fit="cover"
-    poster=""
+    poster="{{videoConfig.video_cover_url}}"
     show-mute-btn="{{true}}"
     play-btn-position="center"></video>
   <view class="main">
-    <button
-      class="btn"
-      type="default">查看附件
-    </button>
     <view class="title name-list-title">
       <text>出境人员</text>
     </view>
-    <view class="name-list">张三 李四</view>
+    <view class="name-list">{{videoConfig.video_auther}}</view>
     <view class="title video-title">
       <text>影片内容</text>
     </view>
-    <view class="subtitle">吧啦农务：</view>
-    <view class="describe">吧啦啊啊啊啊啊啊啊啊啊啊啊，吧啦啊啊啊啊啊啊啊啊啊啊啊吧啦啊啊啊啊啊啊啊啊啊啊啊。</view>
+    <view class="subtitle">{{videoConfig.video_name}}：</view>
+    <view class="describe">{{videoConfig.video_introduce}}</view>
   </view>
 </view>