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>
    <scroll-view class="readWorksSection" lower-threshold="160" bindscrolltolower="scrollUpdate">
        <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>
    </scroll-view>
    <view class="footSection">
        <image class="blackbord" src="../../../static/image/blackbord.png" />
        <view class="collectBtn footerBtn">
            <image src="../../../static/image/collected.png" />
            <text>收藏</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>