reader/pages/personal/index.wxml

<view class="personalBox">
  <view class="userBox">
    <view class="identity">
      <image class='avatar' src='{{ userInfo.user.avatar}}'></image>
      <view class="identityText">{{ userInfo.user.profession}}</view>
    </view>
    <view class="userRight">
      <view class="uRtop">
        <view class="uRtopleft">
          <view class="nickName textOver">{{userInfo.user.nickName||'请输入昵称' }}</view>
          <view class="gradeText textOver">学号：{{userInfo.user.eid}}</view>
        </view>
        <view class="follow {{userInfo.like?'isFans':''}}" bindtap="setFans">
          <image src="{{userInfo.like?'/static/follow_2.png':'/static/follow_1.png'}}" class="character" mode="" />
          <text>{{userInfo.like?'已关注':'关注'}}</text>
        </view>
      </view>
      <view class="uRBtm">
        <view class="count countFirst">
          总场<text class="countNum textOver">{{filters.numFilter(userInfo.readAmount)|| 0}}</text>
        </view>
        <view class="count countFirst">
          胜<text class="countNum textOver">{{filters.numFilter(userInfo.readAmount)|| 0}}</text>
        </view>
        <view class="count">
          平<text class="countNum textOver">{{filters.numFilter(userInfo.fansAmount)|| '0'}}</text>
        </view>
        <view class="count countEnd">
          负<text class="countNum textOver">{{filters.numFilter(userInfo.playAmount) || 0}}</text>
        </view>
      </view>
    </view>
  </view>
  <view class="divider">
    <view class="title">ta的作品</view>
  </view>
  <view style="flex: 1;overflow: hidden;">
    <scroll-view class="worksList" scroll-y="true" enhanced show-scrollbar="{{false}}" scroll-top="{{scrollTop}}"
      bindscrolltolower='bindscrolltolower'>
      <view class="worksBox" wx:for="{{16}}" wx:key="index">
        <view class="left">
          <image src="https://yfklxt-image.ai160.com/reader/20211012/1634004843742426.jpg" class="cover" />
          <view class="work">
            <view class="title">狼来了</view>
            <view class="statistics">
              <view class="statistic">
                <image src="/static/play.png" class="playImg" mode="" />
                <view class="num">1234</view>
              </view>
            </view>
          </view>
        </view>
        <view class="goRead" data-id="103126010" bindtap="toPkPage">挑战PK</view>
      </view>
    </scroll-view>
  </view>
</view>