<!-- pages/user/myworks/myworks.wxml -->
<wxs src="../../commonWxs/format.wxs" module="format" />
<view class='user-works'>
  <view class='follow-details'>
    <view class='follow-info'>
      <view class='set-msg'>
        <view class='avatar-bg'>
          <view class='avatar-box'>
            <image class='avatar-image' src='{{ wareCards.user.avatar }}'></image>
          </view>
          <view class='occupation-title' wx:if="{{wareCards.user.profession}}">
            {{ wareCards.user.profession }}
          </view>
        </view>
        <view class='avatar-msg'>
          <view class='avatar-nickname'>
            <text>{{ wareCards.user.wechatName }}</text>
            <view class='flowers-box' wx:if='{{ wareCards.user.gender === 2 }}'>
              <image src='../../../static/image/flowers.png'></image>
            </view>
            <view class='flowers-box' wx:elif='{{ wareCards.user.gender === 1 }}'>
              <image src='../../../static/image/boy.png'></image>
            </view>
          </view>
          <view class='avatar-birthday'>{{ wareCards.user.birthday }}</view>
          <view class='avatar-address'>{{ wareCards.user.schoolName }}</view>
        </view>
      </view>
      <view class="follow" wx:if="{{!isMyself}}" bindtap="follow">
        <image src="{{isFans? '../../../static/image/fully_heart.png' : '../../../static/image/empty_heart.png'}}" />
        <text class="followBtn" >{{isFans ? '已' : ''}}关注</text>
      </view>
    </view>
    <view class='mine-category'>
      <view class='play-count'>
        <view class='color' style="padding-right:38rpx;">{{ wareCards.playAmount || 0 }}</view>
        <view class='border-right'>
          <view class='play-img'>
            <image src='../../../static/image/play.png'></image>
          </view>
          <text>播放量</text>
        </view>
      </view>
      <view class='follow-count'>
        <view class='color' style="padding-right:48rpx;">{{ wareCards.fansAmount || 0 }}</view>
        <view class='border-right'>
          <view class='red-heart'>
            <image src='../../../static/image/purple_heart.png'></image>
          </view>
          <text>粉丝</text>
        </view>
      </view>
      <view class='point-count'>
        <view class='color' style="padding-right:60rpx;">{{ wareCards.likeAmount || 0 }}</view>
        <view class='border-right'>
          <view class='point-img'>
            <image src='../../../static/image/point.png'></image>
          </view>
          <text>赞</text>
        </view>
      </view>
      <view class='flower-count'>
        <view class='color'>{{ wareCards.pointAmount || 0 }}</view>
        <view class='border-right'>
          <view class='play-img'>
            <image src='../../../static/image/flower.png'></image>
          </view>
          <text>红花</text>
        </view>
      </view>
    </view>
  </view>
  <view class='works-article' wx:for="{{ worksList }}" wx:key="{{ index }}">
    <view class='user-info'>
      <view class='user-img'>
        <image src='{{ item.user.avatar }}'></image>
      </view>
      <view class='user-details'>
        <view class='user-name'>
          <view class='left-detail'>{{ item.user.wechatName }}</view>
          <view class='right-detail'>
            <text class='plays-count'>{{ item.userRead.playAmount || 0 }}</text>
            <view class='plays-img'>
              <image src='../../../static/image/hotPlays.png'></image>
            </view>
          </view>
        </view>
        <view class='user-name'>
          <view class='left-detail'>{{ format.formatDate(item.userRead.gmtCreated) || 0 }}</view>
          <view class='right-detail'>
            <text class='likes-count'>{{ item.userRead.likeAmount || 0 }}</text>
            <view class='likes-img'>
              <image src='../../../static/image/like.png'></image>
            </view>
          </view>
        </view>
      </view>
    </view>
    <view class='video-preview' bindtap='toMyWorks' data-id='{{ item.userRead.id }}' data-title='{{ item.userRead.title }}'>
      <image src='{{ item.userRead.iconImg }}'></image>
    </view>
    <view class='content-title'>
      <view>{{ item.userRead.title }}</view>
      <view class='content-grage'>{{ item.userRead.summary }}</view>
    </view>
  </view>
</view>