reader/pages/reading/reading.wxml

<scroll-view class="readingPage" lower-threshold="{{}}" scroll-y="true" bindscrolltolower="scrollToLower" bindscrolltoupper="scrollToUpper">
    <!-- <view class="videoSection" wx:if="{{!isIOS}}">
        <image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
    </view> -->
    <video id="myVideo" class="videoSection" src="{{videoUrl}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}" show-center-play-btn="{{centerBtn}}" muted="{{muted}}" enable-progress-gesture="{{gesture}}" bindended="recordingVideoEnd"></video>
    <!-- bindwaiting="videoWaiting"
  bindplay="videoPlay" -->
    <!-- <audio name="123" author="123" src="{{recordSource}}" id="myAudio" controls loop></audio> -->
    <view class="footSection">
        <view class="collectBtn footerBtn" wx:if="{{btnFlag}}" bindtap="audioPlay">
            <image src="../../static/index/listen.png" />
            <text>试听</text>
        </view>
        <!-- <view class="readingBtn footerBtn" bindtap="audioRecord">
            <image class="microphone" src="{{btnImgFlag ? recordingGif :microphonePng}}" />
            <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
        </view> -->
        <view class="btn_wrapper" bindtap="audioRecord">
            <view class="reading_btn">
                <image class="microphone" src="{{btnImgFlag ? recordingGif :microphonePng}}" />
                <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
            </view>
        </view>
        <view class="shareBtn footerBtn" wx:if="{{btnFlag}}" bindtap="upload">
            <image src="../../static/index/upload.png" />
            <text>上传</text>
        </view>
    </view>
    <scroll-view class="textSection" wx:if="{{ifTextShow}}" scroll-y="true">
        <!-- <view class="btn_wrapper" bindtap="audioRecord">
            <view class="reading_btn">
                <image src="../../../static/index/star.png" />
                <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
            </view>
        </view> -->
        <text class="textContent">{{readingText}}</text>
    </scroll-view>
    <view class="read_num" wx:if="{{isVideoListShow && totalSize > 0}}">
        <image class="read_num_icon" src='../../static/index/peoples.png' />
        
        <text >共有{{totalSize}}个作品</text>
    </view>
    <view class="score_section" wx:if="{{ifScoreShow}}">
        <view class="title">测评报告</view>
        <view class="star_row">
            <image class="star" wx:for="{{star}}" src="{{item? '../../static/index/star_test_colored.png': '../../static/index/star_test.png'}}" />
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>完成度：{{integrity}}/100</text>
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>正确率：{{accuracy}}/100</text>
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>语速：{{fluency}}/100</text>
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>语音语调：{{tone}}/100</text>
        </view>
    </view>
    <VideoSwiper bindopenShare="openShare" wx:if="{{videoList && videoList.length > 0 && isVideoListShow}}" class="video-swiper" video-list="{{videoList}}" nextMargin="{{nextMargin}}" isSwiper="{{false}}" bindopenComment="openComment" bindheadTap="headTapHandler" bindgoToReading="goToReading" bindonPlay="onPlay"></VideoSwiper>
</scroll-view>
<view class="comment_section" catchtap="commentTap" data-type="blank" wx:if="{{commentShow}}">
    <Comment data-type="list" commentId="{{commentId}}" />
</view>
<view class="score_dialog" wx:if="{{ifScoreDialogShow}}">
    <view class="score_section">
        <view class="title">测评报告</view>
        <view class="star_row">
            <image class="star" wx:for="{{star}}" src="{{item? '../../static/index/star_test_colored.png': '../../static/index/star_test.png'}}" />
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>完成度：{{integrity}}/100</text>
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>正确率：{{accuracy}}/100</text>
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>语速：{{fluency}}/100</text>
        </view>
        <view class="score_item">
            <text class="score_square"></text>
            <text>语音语调：{{tone}}/100</text>
        </view>
    </view>
    <view class="close" bindtap="closeScoreDialog">
        <image class="close_icon" src="../../static/index/close.png" />
    </view>
</view>