init
This commit is contained in:
62
xhs-mini-demos/component-case/voice/voice.xhsml
Normal file
62
xhs-mini-demos/component-case/voice/voice.xhsml
Normal file
@@ -0,0 +1,62 @@
|
||||
<view class="container">
|
||||
<view class="page-body">
|
||||
<view class="page-section">
|
||||
<block xhs:if="{{recording === false && playing === false && hasRecord === false}}">
|
||||
<view class="page-body-time">
|
||||
<text class="time-big">{{formatedRecordTime}}</text>
|
||||
</view>
|
||||
<view class="page-body-buttons">
|
||||
<view class="page-body-button"></view>
|
||||
<view class="page-body-button" bindtap="startRecord">
|
||||
<image src="/image/record.png"></image>
|
||||
</view>
|
||||
<view class="page-body-button"></view>
|
||||
</view>
|
||||
</block>
|
||||
<block xhs:if="{{recording === true}}">
|
||||
<view class="page-body-time">
|
||||
<text class="time-big">{{formatedRecordTime}}</text>
|
||||
</view>
|
||||
<view class="page-body-buttons">
|
||||
<view class="page-body-button"></view>
|
||||
<view class="page-body-button" bindtap="stopRecord">
|
||||
<view class="button-stop-record"></view>
|
||||
</view>
|
||||
<view class="page-body-button"></view>
|
||||
</view>
|
||||
</block>
|
||||
<block xhs:if="{{hasRecord === true && playing === false}}">
|
||||
<view class="page-body-time">
|
||||
<text class="time-big">{{formatedPlayTime}}</text>
|
||||
<text class="time-small">{{formatedRecordTime}}</text>
|
||||
</view>
|
||||
<view class="page-body-buttons">
|
||||
<view class="page-body-button"></view>
|
||||
<view class="page-body-button" bindtap="playVoice">
|
||||
<image src="/image/play.png"></image>
|
||||
</view>
|
||||
<view class="page-body-button" bindtap="clear">
|
||||
<image src="/image/trash.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
<block xhs:if="{{hasRecord === true && playing === true}}">
|
||||
<view class="page-body-time">
|
||||
<text class="time-big">{{formatedPlayTime}}</text>
|
||||
<text class="time-small">{{formatedRecordTime}}</text>
|
||||
</view>
|
||||
<view class="page-body-buttons">
|
||||
<view class="page-body-button" bindtap="stopVoice">
|
||||
<image src="/image/stop.png"></image>
|
||||
</view>
|
||||
<view class="page-body-button" bindtap="pauseVoice">
|
||||
<image src="/image/pause.png"></image>
|
||||
</view>
|
||||
<view class="page-body-button" bindtap="clear">
|
||||
<image src="/image/trash.png"></image>
|
||||
</view>
|
||||
</view>
|
||||
</block>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
Reference in New Issue
Block a user