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

<view class="container">
  <!-- 作业内容 -->
  <view class="task-view">
    <view class="task-title">2021-02-21 课后作业</view>
    <view class="task-time">2021-02-21 16:00</view>
    <view class="task-class">小鹏钢琴课</view>
  </view>
  <!-- end -->

  <!-- 作业完成内容 -->
  <view class="my-task">
    <view class="title">作业完成情况</view>
    <view class="textarea">
      <textarea placeholder="输入答题内容(200字以内)" maxlength="200" value="{{content}}" bindinput="doInput"></textarea>
      <view class="wordNum">{{content.length}}/200</view>
    </view>

    <view class="title">上传图片</view>
    <view class="uploadImg-task-view">
      <view class="my-img-view" wx:for="{{imgList}}" wx:key="index" data-index="{{index}}" catchtap="showImg" wx:if="{{item.delete != 1}}">
        <view class="new-task-img">
          <image src="{{item.url}}"></image>
        </view>
        <view class="del-btn" data-index="{{index}}" catchtap="delImg">X</view>
      </view>
      <view class="upload-btn" bindtap="uploadTap">
        <view style="margin-top:30rpx">
          <image src="/images/addFile.png"></image>
          <view>添加图片</view>
        </view>
      </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="uploadImg-task-view">
      <view class="my-img-view" wx:for="{{videoList}}" wx:key="index" data-index="{{index}}" catchtap="showVideo"  wx:if="{{item.delete != 1}}">
        <view class="new-task-img">
          <image src="{{item.imgUrl}}"></image>
        </view>
        <view class="del-btn" data-index="{{index}}" catchtap="delVideo">X</view>
      </view>
      <view class="upload-btn" bindtap="upLoadVideo">
        <view style="margin-top:30rpx">
          <image src="/images/addFile.png"></image>
          <view>添加视频</view>
        </view>
      </view>
    </view>

    <audio id="audio-play" bindpause="bindpause" bindended="bindended" src="{{curAudio}}"></audio>
    <view class="title">上传录音</view>
    <view class="audio-list">
      <view class="audio-box" wx:for="{{audioList}}" wx:key="index"  wx:if="{{item.delete != 1}}">
        <image bindtap="audioShow" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}"
        class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" 
        data-index="{{index}}"  catchtap="showAudio"></image>
        <view class="del-btn" data-index="{{index}}"  catchtap="delAudio">X</view>
      </view>
    </view>
   
    <view class="record-view">
      <view class="record-img {{talkFlag ? 'curTalkStyle' : ''}}" bindtap="getRecord">
        <image src="{{talkFlag ? '/images/cur-talk.png' : '/images/talk.png'}}"></image>
      </view>
      <view class="{{talkFlag ? 'record-bg' : ''}}"></view>
      <view class="close-talk" bindtap="getRecord">{{closeName}}</view>
    </view>

  </view>
  <!-- end -->
  <view class="toTask" bindtap="doConfirmComplete">
   完成
  </view>
</view>