voice.wxml 2.7 KB

1
  1. <view class="container data-v-132a211c"><block wx:if="{{ManageToken!=''}}"><view class="textbox data-v-132a211c"><view class="header-tips data-v-132a211c">请朗读以下文字</view><view class="textbox-con data-v-132a211c" style="{{'height:'+(textHeight)+';'}}">在这片神奇的森林里,小鸟轻快地唱着歌,仿佛在诉说着春天的故事。</view></view></block><block wx:if="{{ManageToken!=''}}"><view class="voice-footer data-v-132a211c"><view class="voice-footer-tips data-v-132a211c">1、选择安静的录音环境,可在房间或车内录音。</view><view class="voice-footer-tips data-v-132a211c">2、保持20cm距离,避免手机太远录音不清晰。</view><view class="voice-footer-tips data-v-132a211c">3、使用普通话朗读,语速适中,吐字清晰。</view><view class="voice-footer-btnbox data-v-132a211c"><view class="btnbox-item data-v-132a211c" style="{{'visibility:'+(voicePath?'visible':'hidden')+';'+('color:'+(status=='start'?'#ccc !important':'')+';')}}"><view data-event-opts="{{[['tap',[['playVoice',['$event']]]]]}}" class="iconsbox data-v-132a211c" style="{{'border-color:'+(status=='start'?'#ccc':isVoicePlay?'red':'')+';'}}" bindtap="__e"><u-icon vue-id="521a836a-1" name="volume-fill" size="30" color="{{status=='start'?'#ccc':isVoicePlay?'red':'#757575'}}" class="data-v-132a211c" bind:__l="__l"></u-icon></view><view class="data-v-132a211c">试听录音</view></view><view class="btnbox-item data-v-132a211c"><view data-event-opts="{{[['tap',[['handleRecord',['$event']]]]]}}" class="iconsbox iconsbox-voice data-v-132a211c" style="{{'background-color:'+(status=='end'?'red':'')+';'}}" bindtap="__e"><u-icon data-custom-hidden="{{!(status=='stop'||status=='end')}}" vue-id="521a836a-2" name="mic" size="35" color="#fff" class="data-v-132a211c" bind:__l="__l"></u-icon><image hidden="{{!(status=='start')}}" src="https://obs.jnmyunl.com/fs/20250813/1755047925090.png" mode="aspectFill" class="data-v-132a211c"></image></view><view hidden="{{!(status=='stop')}}" class="data-v-132a211c">点击录制</view><view hidden="{{!(status=='start')}}" class="data-v-132a211c">点击停止</view><view hidden="{{!(status=='end')}}" class="data-v-132a211c">重新录制</view></view><view class="btnbox-item data-v-132a211c" style="{{'visibility:'+(voicePath?'visible':'hidden')+';'+('color:'+(status=='start'?'#ccc !important':'')+';')}}"><button class="iconsbox data-v-132a211c" disabled="{{btnLoading}}" data-event-opts="{{[['tap',[['onSubmit',['$event']]]]]}}" bindtap="__e"><u-icon vue-id="521a836a-3" name="checkmark" size="30" color="{{status=='start'?'#ccc':'#757575'}}" class="data-v-132a211c" bind:__l="__l"></u-icon></button><view class="data-v-132a211c">提交</view></view></view></view></block></view>