reader/pages/pkResult/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<view class="pkResult">
  <view class="title">{{victory.userRead.title}}</view>
  <view class="time">{{filters.formatDate(pkRecord.gmtCreated,1)}}</view>
  <view class="body">
    <view class="left {{equal?'equal':''}}">
      <image src="{{victory.user.avatar}}" class="avatar avatarL" />
      <view class="bodyTitle textOver">{{victory.user.nickName}}</view>
      <view class="bodyScore">{{victory.userRead.score}}分</view>
      <image src="{{vState?'/static/work.png':'/static/play-big.png'}}" class="bodyPlay" bindtap="playAudio"
        data-type="victory" />
      <progress percent="{{vProgress}}" stroke-width="4" class="progress" style="margin-right:48rpx;" />
      <view class="duration">
        <view class="start">{{vStart}}</view>
        <view class="end">{{vEnd}}</view>
      </view>
    </view>
    <view class="right {{equal?'equalRight':''}}">
      <image src="{{defeated.user.avatar}}" class="avatar avatarR" />
      <view class="bodyTitle textOver">{{defeated.user.nickName}}</view>
      <view class="bodyScore">{{defeated.userRead.score}}分</view>
      <image src="{{dState?'/static/work.png':'/static/play-big.png'}}" class="bodyPlay" bindtap="playAudio"
        data-type="defeated" />
      <progress percent="{{dProgress}}" stroke-width="4" class="progress" />
      <view class="duration">
        <view class="start">{{dStart}}</view>
        <view class="end">{{dEnd}}</view>
      </view>
    </view>
  </view>
  <view class="footer" wx:if="{{!isplayback}}">
    <view class="stBtn" bindtap="result">重新挑战</view>
    <button class="resetBtn btn" open-type="share">
      分享
    </button>
  </view>
</view>
<canvas id='share' type="2d"> </canvas>