<!--packageC/components/audio-upload/audio-upload.wxml-->
<view class="audio-upload">
  <view class="left">音频</view>
  <view class="right" style="display: flex;justify-content: flex-end;">
      <view class="audio-button" bindtap="getAudioFile">上传音频</view>
    <!-- 微信录音功能 -->
    <view class="audio-button" catchtap="openRecord">开始录音</view>
  </view>

  <van-popup show="{{show}}" close-on-click-overlay="{{false}}" position="bottom" custom-style=" height: 45%;">
    <view class="record-popup">
      <!-- 微信录音web支持60秒 -->
      <view class="record-time">{{ min>9?min:'0'+min }}：{{ sec>9?sec:'0'+sec }}</view>
      <view class="record-main">
        <i style="font-size:24px;color:#fc6726;" class="iconfont icon-all_filldelete" catchtap="cancel"></i>
        <view class="record-btn ">
          <view class=" wave {{recordStop?'':'animate'}}">
            <!-- 水波动画 -->
            <view class="w1"></view>
            <view class="w2"></view>
            <view class="w3"></view>
            <view class="w4"></view>
          </view>
          <i style="font-size:45px;color:#4ba5fd;" wx:if="{{recordStop}}" class="iconfont icon-fontclass-bofang"
            catchtap="startRecord"></i>
          <i style="font-size:45px;color:#4ba5fd;" wx:if="{{!recordStop}}" class="iconfont icon-video_recording"
            catchtap="pauseRecord"></i>
        </view>
        <i style="font-size:24px;color:#f14e4e;" class="iconfont icon-wancheng" catchtap="stopRecord"></i>
      </view>
    </view>
  </van-popup>
</view>