reader/pages/my/index.wxml

<wxs src="../../utils/filter.wxs" module="filters" />
<navigationBar title="我的"></navigationBar>
<view class="container seat">
  <!-- 用户信息 -->
  <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="uRtopRight" bindtap="jump" data-url="/pages/editUser/index">
          <image class="edit" src="/static/edit_new.png" mode="" />
          <text>编辑</text>
        </view>
      </view>
      <view class="uRBtm">
        <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>
  <!-- ios会员展示到期时间 -->
  <view class="iosVip" wx:if="{{isIos&&vipTime}}">
    会员至：{{filters.formatDate(vipTime,4)}}
  </view>
  <!-- 跳转菜单 -->
  <view class="sectionBoxs">
    <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
      <image class="img" src="/static/work.png" mode="" />
      <text class="title">我的作品</text>
    </view>
    <view class="sBox" bindtap='jump' data-url="/pages/follow/index">
      <image class="img" src="/static/concern.png" mode="" />
      <text class="title">我的关注</text>
    </view>
    <view class="sBox" bindtap='jump' data-url="/pages/collection/index">
      <image class="img" src="/static/collect.png" mode="" />
      <text class="title">我的收藏</text>
    </view>
    <view class="sBox" bindtap='jump' data-url="/pages/notice/index">
      <image class="img" src="/static/message.png" mode="" />
      <text class="title">消息通知</text>
    </view>
    <button class="resetBtn contactBtn" open-type="contact" plain="true">
      <view class="sBox">
        <image class="img" src="/static/contact.png" mode="" />
        <text class="title">联系客服</text>
      </view>
    </button>
  </view>
  <!-- 勋章 -->
  <view class="medalBox">
    <view class="header">
      <view class="title">我的勋章</view>
      <view class="jump" bindtap='jump' data-url="/pages/medalStore/index">查看全部
        <image src="/static/black.png" class='jumpIcon' />
      </view>
    </view>
    <view class="body">
      <image src="/static/concern.png" class="medal" wx:for="{{5}}" wx:key="index" />
    </view>
  </view>
  <!-- 支付 -->
  <!-- <view class="payBox" wx:if="{{!isIos}}"> -->
  <view class="payBox">
    <view class="title">
      付费购
    </view>
    <view class="pay vipPay">
      <view class="payLeft">
        <view class="pLTitle vipTitle">
          {{productVip.title}}
        </view>
        <view class="pLcontent vipContent">
          {{vipTime?filters.formatDate(vipTime,4)+'过期':'购买VIP会员，即可有权使用全部资源'}}
        </view>
      </view>
      <view class="payRight vipBtn" bindtap="toBuy" data-type="{{productVip.id}}">
        {{vipTime?'立即续费':'立即开通'}}
      </view>
    </view>
    <view class="pay buyPay">
      <view class="payLeft">
        {{productNum.title}}
      </view>
      <view class="payRight buyBtn" bindtap="toBuy" data-type="{{productNum.id}}">
        立即购买
      </view>
    </view>
  </view>
  <!-- 剩余使用次数 -->
  <view class="surplus">
    <view class="title">剩余使用次数：</view>
    <view class="num">{{userInfo.experienceAmount}}次</view>
  </view>
  <!-- 任务活动 -->
  <view class="taskBox">
    <view class="title">免费获取</view>
    <view class="task">
      <view class="taskLeft">
        <image class="img" src="/static/task1.png" alt="" mode="" />
        <view class="taskContent">
          <view class="tcTitle">
            {{tasks[0].title}}
          </view>
          <view class="tcNum">+{{tasks[0].award}}次</view>
        </view>
      </view>
      <view class="taskRight {{tasks[0].completed?'taskRight-close':''}}" bindtap="submitTask"
        data-type='{{tasks[0].id}}'>
        {{tasks[0].completed?'已签到':'签到'}}</view>
    </view>
    <view class="task">
      <view class="taskLeft">
        <image class="img" src="/static/task2.png" alt="" mode="" />
        <view class="taskContent">
          <view class="tcTitle">
            {{tasks[1].title}}
          </view>
          <view class="tcNum">+{{tasks[1].award}}次/每位</view>
        </view>
      </view>
      <button open-type="share" class="resetBtn taskRight">去邀请</button>
    </view>
    <view class="task advert">
      <view class="taskLeft">
        <image class="img" src="/static/task3.png" alt="" mode="" />
        <view class="taskContent">
          <view class="tcTitle">
            {{tasks[2].title}}
          </view>
          <view class="tcNum">+{{tasks[2].award}}次/每条</view>
        </view>
      </view>
      <view class="taskRightBox">
        <view class="taskRight {{tasks[2].completed?'taskRight-close':''}}" bindtap="rewardedVideo">去观看
        </view>
        <view class="taskSurplus">
          今日剩余{{tasks[2].num-tasks[2].completedNum}}次
        </view>
      </view>
    </view>
  </view>
</view>
<!-- 广告组件 -->
<rewardedVideo id='advert' bind:taskOver="setUserInfo" />