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-uid="{{item.uid}}">
            <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>
        </view>
    </view>
</view>