reader/components/readingTips/index.wxml

<view class="half-screen">
  <!--屏幕背景变暗的背景  -->
  <view class="background_screen" bindtap="hideModal" wx:if="{{showModalStatus}}"></view>
  <!--弹出框  -->
  <view animation="{{animationData}}" class="attr_box" wx:if="{{showModalStatus}}">
    <image class="share_cancel" bindtap="hideModal" src="/static/lollipop.png"></image>
    <!-- 支付 -->
    <view class="payBox" wx:if="{{!isIos}}">
      <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)+'过期':'购买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}}天VIP</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/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].completedNum}}/{{tasks[2].num}}
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<!-- 广告组件 -->
<rewardedVideo id='advert' bind:taskOver="setUserInfo" />