<!-- pages/user/myworks/myworks.wxml -->
<!-- <wxs src="../../commonWxs/format.wxs" module="format" /> -->
<!-- <StatusBar receiveData="{{statusbarobj}}" grade="{{grade}}" bindgradeTap="gradeTap" /> -->
<scroll-view class='user-works'>
  <view class='follow-details'>
    <view class='follow-info'>
      <view class='set-msg'>
        <image class='avatar-image' src='{{ wareCards.user.avatar }}'></image>
        <text class="avatar-nickname">{{ wareCards.user.wechatName }}</text>
      </view>
      <view class="follow" wx:if="{{!isMyself}}" bindtap="follow">
        <!-- <image src="{{isFans? '../../static/index/followed.png' : '../../static/index/follow.png'}}" /> -->
        <!-- <text class="followBtn">{{isFans ? '已' : ''}}关注</text> -->
        <image src="{{isFans? '../../static/index/followed_btn.png' : '../../static/index/follow_btn.png'}}" />

      </view>
    </view>
    <view class='mine-category'>
      <view class='play-count'>
          <text>作品</text>
          {{ wareCards.readAmount || 0 }}
      </view>
      <view class='play-count'>
          <text>播放量</text>
          {{ wareCards.playAmount || 0 }}
      </view>
      <view class='follow-count'>
          <text>粉丝</text>
          {{ wareCards.fansAmount || 0 }}
      </view>
      <view class='flower-count'>
        <text>小红花</text>
        {{ wareCards.integralAmount || 0 }}
      </view>
    </view>
  </view>


  <VideoSwiper wx:if="{{videoList.length > 0}}" class="video-swiper" video-list="{{videoList}}" nextMargin="{{nextMargin}}" isSwiper="{{false}}" bindopenComment="openComment" bindheadTap="headTapHandler" bindcollectTap="collectTap" bindlikeTap="likeTap" bindopenShare="openShare" bindgoToReading="goToReading" bindplay="onPlay"></VideoSwiper>
</scroll-view>
<view class="comment_section" catchtouchmove="touchMove"  catchtap="commentTap" data-type="blank" wx:if="{{commentShow}}">
    <Comment data-type="list" commentId="{{commentId}}" />
</view>
 <canvas canvas-id="myCanvas" style="width:300px; height: 525px; position: absolute; left: -999rpx; top: -9999rpx;"></canvas>