49 lines
2.6 KiB
Plaintext
49 lines
2.6 KiB
Plaintext
<privacy-popup id="privacy-popup-index"></privacy-popup>
|
||
<view class="read">
|
||
<view class="page">
|
||
<view class="book_switch-pinyin">
|
||
<image bindtap="choosePinyin" class="pinyin-img" mode="aspectFit" src="{{pinyin?'/img/pinyin-s.png':'/img/pinyin.png'}}"></image>
|
||
</view>
|
||
<view class="book_switch">
|
||
<van-icon bind:click="play" color="#1989fa" name="{{voicePlaying?'pause-circle-o':'play-circle-o'}}" size="2rem"></van-icon>
|
||
</view>
|
||
<view class="book_switch-help">
|
||
<van-icon bind:click="help" name="question-o" size="50rpx"></van-icon>
|
||
</view>
|
||
</view>
|
||
<scroll-view class="book" scrollY="true">
|
||
<view class="book-line" data-index="{{index}}" wx:for="{{poetry.poetryLineList}}" wx:key="index">
|
||
<view class="book-line-item" wx:for="{{item}}" wx:for-index="idx" wx:for-item="childItem" wx:key="idx">
|
||
<view class="book-line-pingyin" wx:if="{{pinyin}}">{{childItem.pinyin}}</view>
|
||
<view class="book-line-word">{{childItem.word}}</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
<view class="control">
|
||
<view class="control_panel">
|
||
<view class="control-item record">
|
||
<van-button plain bind:click="playRecord" icon="volume-o" size="small" type="warning">播放配音</van-button>
|
||
</view>
|
||
<view bindtap="startRecorder" class="control-item record" wx:if="{{!recording}}">
|
||
<image class="record-img" mode="aspectFit" src="/img/microphone.png"></image>
|
||
</view>
|
||
<view bindtap="stopRecorder" class="control-item record" wx:else>
|
||
<image class="record-img" mode="aspectFit" src="/img/stop.png"></image>
|
||
<view class="record-tip"> 录音中 </view>
|
||
</view>
|
||
<view class="control-share control-item">
|
||
<van-button bind:click="shareRecord" icon="chat-o" size="small" type="primary">分享配音</van-button>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<van-notify id="van-notify"></van-notify>
|
||
<van-toast id="van-toast"></van-toast>
|
||
<van-dialog useSlot bind:confirm="confirmDialog" show="{{showVoice}}" title="配音使用说明" width="90%">
|
||
<view class="dialog-wrap">
|
||
<view class="dialog-text">1、点击录音图标后，开始朗诵</view>
|
||
<view class="dialog-text">2、朗诵完毕后，可以播放和微信分享配音作品</view>
|
||
</view>
|
||
</van-dialog>
|
||
<van-share-sheet bind:close="onClose" bind:select="onClose" options="{{options}}" show="{{showShare}}" title="立即分享给好友"></van-share-sheet>
|