reader/pages/main/class/class.wxml

<view class="classPage">
    <view class="videoSection" wx:if="{{!isIOS}}">
        <cover-image wx:if="{{!videoLoad}}" class="video-playBtn" bindtap="videoPlayHandler" src="../../../static/image/play-btn.png"></cover-image>
        <image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
        <video wx:if="{{videoLoad}}" id="classVideo" class="videoSection" src="{{videoUrl}}" autoPlay="{{autoPlay}}" controls="{{controls}}" show-center-play-btn="{{centerBtn}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}"></video>
    </view>
    <video wx:if="{{isIOS}}" id="classVideo" class="videoSection" src="{{videoUrl}}" autoPlay="{{autoPlay}}" controls="{{controls}}" show-center-play-btn="{{centerBtn}}" show-fullscreen-btn="{{fullScreenBtn}}" show-play-btn="{{playBtn}}"></video>
    <view class="readWorksSection">
        <view class="peopleNum">
            <image class="peoplesIcon" src="../../../static/image/peoples.png" />
            <view class="title">共有{{total}}个录音作品</view>
        </view>
        <view class="workCard" wx:for="{{works}}" wx:key="{{index}}" bindtap="goToWorks" data-id="{{item.id}}">
            <image class="avatar" lazy-load="true" src="{{item.avatar}}" />
            <view class="name">
                <text class="nickName">{{item.nickName}}</text>
                <text class="time">{{item.time}}</text>
            </view>
            <view class="likes">
                <image class="likeTag" src="../../../static/image/like_gray.png" />
                <text class="likeNum">{{item.likes}}</text>
            </view>
        </view>
    </view>
    <view class="footSection">
        <image class="blackbord" src="../../../static/image/blackbord.png" />
        <view class="collectBtn footerBtn" bindtap="collect">
            <image src="{{collectFlag ? '../../../static/image/collected.png' : '../../../static/image/no_collect.png'}}" />
            <text>{{collectFlag ? '取消收藏' : '收藏'}}</text>
        </view>
        <view class="readingBtn footerBtn" bindtap="goToReading">
            <image class="microphone" src="../../../static/image/microphone.png" />
            <text>我要朗读</text>
        </view>
        <view class="shareBtn footerBtn">
            <!-- <image src="../../../static/image/share.png" />
            <text>分享</text> -->
            <button open-type="share" plain="true" hover-class="none">
                <image src="../../../static/image/share.png" />
                <text>分享</text>
            </button>
        </view>
    </view>
    <canvas canvas-id="myCanvas" style="width:370px;z-index=99999; height: 507px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>
    <shareDialog id="share-dialog" shareType='class' />
    <goBackHome id="goBackHome" shareType="{{goBackHome}}" wx:if="{{goBackHome}}" />
    <myModal id="myModal"  btnText="{{modalBtnText}}"  type="{{modalType}}" text="{{modalText}}" wx:if="{{isModalShow}}" bindconfirm="modalConfirmHandler" bindclose="modalCloseHandler" />
</view>