33 lines
1.5 KiB
Plaintext
33 lines
1.5 KiB
Plaintext
<!--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> |