reader/pages/reading/index.wxml

<view class="readingBox">
  <image src="{{videoInfo.userRead.coverImg}}" class='poster' wx:if="{{!state}}" />
  <video id="myVideo" src="{{videoInfo.userRead.videoPath}}" bindended='videoEnd' controls="{{false}}"
    show-center-play-btn="{{false}}" poster="{{videoInfoCopy.userRead.coverImg}}"></video>
  <view class="contentBox">
    <view class="articleMask"></view>
    <scroll-view class="content" scroll-y enhanced show-scrollbar="{{false}}" scroll-top="{{scrollTop}}"
      scroll-with-animation>
      <view style="height: 60rpx;"></view>
      <view class="row {{currentRow==index?'currentRow':''}}" wx:for="{{article}}" wx:key="id">{{item.text}}
      </view>
    </scroll-view>
  </view>
  <view class="controller">
    <image src="{{state?'/static/readingNow.gif':'/static/work.png'}}" class="playImg" bindtap="getRecordScore" />
    <view class="text">{{state?'完成录制':'开始挑战'}}</view>
  </view>
  <view class="playImgBg"></view>
  <!-- 倒计时 -->
  <view class="countDownBox" wx:if="{{countDown.state}}">
    <view class="countDown">
      <view class="number">{{countDown.num}}</view>
      <view class="tips">秒后开始</view>
    </view>
  </view>
</view>