reader/pages/user/myworks/myworks.wxml

<!-- 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.integralAmount || 0 }}</view>
        <view class='border-right'>
          <view class='point-img'>
            <image src='../../../static/image/flower_small_pink.png'></image>
          </view>
          <text>红花</text>
        </view>
      </view>
    </view>
  </view>
  <view class="hotWares">
    <view wx:for="{{worksList}}" wx:key="{{index}}" class="worksCard" bindtap="toMyWorks" data-readId="{{ item.userRead.id }}" data-title="{{ item.userRead.title }}">
      <view class="topData">
        <view class="worksLeft">
          <image class="authorAvatar" lazy-load="true" src="{{ item.user.avatar }}" />
          <view class="worksInfo">
            <view class="authorName">{{ item.user.wechatName }}</view>
            <view class="time">{{ format.formatDate(item.userRead.gmtCreated) || 0 }}</view>
          </view>
        </view>
        <view class="numberInfo">
          <view class="wareCardPlays">
            <image class="wareCardPlaysImg" lazy-load="true" src="../../../static/image/hotPlays.png" />
            <text>{{ item.userRead.playAmount || 0 }}</text>
          </view>
          <view class="wareCardLikes">
            <image class="wareCardLikesImg" lazy-load="true" src="../../../static/image/flower_small_pink.png" />
            <text>{{ item.userRead.likeAmount || 0 }}</text>
          </view>
        </view>
      </view>
      <image class="wareCardImg" src="{{ item.userRead.iconImg }}" />
      <view class="titleSummary">
        <text class="wareCardTitle">{{ item.userRead.title }}</text>
        <text class="wareCardTip">{{ item.userRead.summary }}</text>
      </view>
    </view>
  </view>
</view>