reader/component/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/image/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/image/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/image/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/image/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" />