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"></textarea>
      <view class="wordNum">0/200</view>
    </view>

    <view class="title">上传图片</view>
    <view class="uploadImg-task-view">
      <view class="my-img-view" wx:for="{{1}}" wx:key="index">
        <view class="new-task-img">
          <image src="/images/logo.png"></image>
        </view>
        <view class="del-btn">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>

    <view class="title">上传视频</view>
    <view class="uploadImg-task-view">
      <view class="my-img-view" wx:for="{{1}}" wx:key="index">
        <view class="new-task-img">
          <image src="/images/logo.png"></image>
        </view>
        <view class="del-btn">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>

    <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="{{6}}" wx:key="index">
        <image bindtap="audioShow" src="{{index == curAudioIndex ? '/images/cur-audio.png' : '/images/audio.png'}}"
        class="{{index == curAudioIndex ? 'curAudioStyle' : ''}}" 
        data-index="{{index}}" data-url="{{item}}"></image>
        <view class="del-btn">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>