schoolwisdoms-student-mp/pages/taskDetail/taskDetail.wxml

<view class="container">

  <!-- 作业内容 -->
  <view class="task-head">
    <view class="task-title">2021-02-21 课后作业</view>
    <view class="task-time">2021-02-21 16:00</view>
  </view>

  <view class="task-teacher">
    <view class="taskImg">
      <image src="/images/head.png"></image>
    </view>
    <view class="teacher-name">张老师：</view>
    <view class="contact-teacher">
      联系老师
    </view>
  </view>

  <view class="task-desc">
  这是一条测试数据这是一条测试数据这是一条测试数据这是一条测试数据这是一条测试数据这是一条测试数据这是一条测试数据这是一条测试数据这是一条测试数据
  </view>

  <view class="task-content">
    <view class="title">图片</view>
    <view class="img-list">
      <image src="{{item}}" mode="aspectFill" wx:for="{{imgList}}" wx:key="index" bindtap="showImg" data-url="{{item}}" ></image>
    </view>

    <view class="title">视频</view>
    <view class="video-list">
      <view wx:for="{{videoList}}" wx:key="index" class="video-img-view" data-url="{{item.url}}" bindtap="videoShow">
        <image class="videoImg" src="{{item.img}}" mode="aspectFill"  ></image>
        <image class="playImg" src="/images/play.png"></image>
      </view>
    </view>
    <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>

    <view class="title">语音</view>
    <view class="audio-list">
      <image bindtap="audioShow" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}" class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" wx:for="{{audioList}}"  wx:key="index" data-index="{{index}}" data-url="{{item}}"></image>
    </view>
    <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>

  </view>
  <!-- end -->

  <!-- 作业完成情况 -->
 <view class="done-view" wx:if="{{!doTaskFlag}}">
  <view class="done-title">作业完成情况</view>
  <view class="task-content">
    <view class="title">图片</view>
    <view class="img-list">
      <image src="{{item}}" mode="aspectFill" wx:for="{{imgList}}" wx:key="index" bindtap="showImg" data-url="{{item}}" ></image>
    </view>

    <view class="title">视频</view>
    <view class="video-list">
      <view wx:for="{{videoList}}" wx:key="index" class="video-img-view" data-url="{{item.url}}" bindtap="videoShow">
        <image class="videoImg" src="{{item.img}}" mode="aspectFill"  ></image>
        <image class="playImg" src="/images/play.png"></image>
      </view>
    </view>
    <video id="play-video" bindfullscreenchange="bindfullscreenchange" wx:if="{{curVideo != ''}}" autoplay="true" src="{{curVideo}}" controls="true" downloadlist></video>

    <view class="title">语音</view>
    <view class="audio-list">
      <image bindtap="audioShow" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}" class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" wx:for="{{audioList}}"  wx:key="index" data-index="{{index}}" data-url="{{item}}"></image>
    </view>
    <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>

  </view>
 </view>
  <!-- end -->

  <view class="toTask" bindtap="toTask" wx:if="{{doTaskFlag}}">
    做作业
  </view>


</view>