examcloud-weixin-upload-audio/pages/index/component/AudioPanel/index.wxml

<!--pages/main/component/AudioPanel/index.wxml-->
<view class="audio-container">
  <block wx:if="{{audio == ''}}">
    <text class="second">{{duration}}</text>
    <text class="tips">(最长2分钟)</text>
  </block>
  <view class="audio-bottom">
    <view class="btn-container" bindtap="audioAction" wx:if="{{audio == ''}}">
      <view class="btn">
        <view class="record-{{isRecord?'ing':'normal'}}"></view>
      </view>
      <text class="btn-label">{{isRecord?'点击结束录音':'点击开始录音'}}</text>
    </view>
    <view class="actions-container" wx:if="{{audio != ''}}">
      <view class="btn-container" bindtap="audioAction">
        <view class='btn'>
          <image mode="aspectFit" src='/assets/reload.png' style='width:32px;height:32px;'></image>
        </view>
        <text class="btn-label">重新录音</text>
      </view>
      <view class="btn-container">
        <view class="upload-container" bindtap="uploadAudio">
          <image mode="aspectFit" src='/assets/upload.png' style='width:32px;height:32px;'></image>
        </view>
        <text class="btn-label">上传录音</text>
      </view>
    </view>
  </view>

  <view class="player-container" wx:if="{{isRecord == false && audio != ''}}">
    <Player id='player' src="{{audio}}" duration="{{recordTime}}"></Player>
  </view>
</view>