tangshi300/pages/poetry-share/poetry-share.wxml

46 lines
2.5 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<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"> {{title}} </view>
<view class="book_switch">
<van-button bind:click="gotoPoetry" icon="description" size="small" type="info">看看原文</van-button>
</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"></view>
<view bindtap="playRecord" class="control-item record" wx:if="{{!voicePlaying}}">
<image class="record-img" mode="aspectFit" src="/img/play.png"></image>
</view>
<view bindtap="playRecord" class="control-item record" wx:else>
<image class="record-img" mode="aspectFit" src="/img/pause.png"></image>
<view class="record-tip"></view>
</view>
<view class="control-share control-item">
<van-button plain icon="chat-o" openType="share" 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 class="dialog-text">3、朗诵历史可查看之前所有的录音</view>
<view class="dialog-text">注意:朗诵录音目前是保存在本机的,没有上传到云端,换手机后之前的录音会丢失,你可转发到微信保存哦</view>
</view>
</van-dialog>