reader/pages/main/class/class.wxml

<view class="classPage">
    <video id="classVideo" class="videoSection" src="{{videoUrl}}" controls 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" 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' />
</view>