<wxs src="../../utils/filter.wxs" module="filters" />

<view class="container">
    <!-- 导航栏 -->
    <view class="top-tab">
        <view class="tabbar select">
            <text>我的</text>
        </view>
        <view class="tabbar" bindtap="switcher" data-index="0">
            <text>推荐</text>
        </view>
        <view class="tabbar" bindtap="switcher" data-index="1">
            <text>关注</text>
        </view>
        <view class="tabbar" bindtap="switcher" data-index="2">
            <text>资源</text>
        </view>
    </view>
    <!-- 用户信息 -->
    <view class="userBox">
        <image class='avatar' src='{{ userInfo.user.avatar  }}'></image>
        <view class="userRight">
            <view class="uRtop">
                <view class="uRtopleft">
                    <view class="nickName textOver">昵称：{{userInfo.user.wechatName }}</view>
                    <view class="gradeText">年级：{{filters.gradeFilter(userInfo.user.grade)}}</view>
                </view>
                <view class="uRtopRight" bindtap="jump" data-url="/pages/user/myEdit/myEdit">
                    <image class="edit" src="/static/image/edit_new.png" mode="" />
                    <text>编辑</text>
                </view>
            </view>
            <view class="uRBtm">
                <view class="count countFirst">
                    作品<text class="countNum textOver">{{userInfo.readAmount || 0}}</text>
                </view>
                <view class="count">
                    粉丝<text class="countNum textOver">{{userInfo.fansAmount || 0}}</text>
                </view>
                <view class="count countEnd">
                    播放<text class="countNum textOver">{{userInfo.playAmount || 0}}</text>
                </view>
            </view>
        </view>
    </view>
    <!-- ios会员展示到期时间 -->
    <view class="iosVip" wx:if="{{isIos}}">
        会员至：2023年12月11日
    </view>
    <!-- 跳转菜单 -->
    <view class="sectionBoxs">
        <view class="sBox" bindtap='jump' data-url="/pages/userWorks/index">
            <image class="img" src="/static/image/work.png" mode="" />
            <text class="title">我的作品</text>
        </view>
        <view class="sBox" bindtap='jump' data-url="/pages/myconcern/myconcern?title=我的关注">
            <image class="img" src="/static/image/concern.png" mode="" />
            <text class="title">我的关注</text>
        </view>
        <view class="sBox" bindtap='jump' data-url="/pages/mycollection/mycollection?title=我的收藏">
            <image class="img" src="/static/image/collect.png" mode="" />
            <text class="title">我的收藏</text>
        </view>
        <view class="sBox" bindtap='jump' data-url="/pages/social/insideMessage/insideMessage">
            <image class="img" src="/static/image/message.png" mode="" />
            <text class="title">消息通知</text>
        </view>
        <button class="contactBtn" bindtap="goToService" open-type="contact" plain="true" hover-class="none">
            <view class="sBox">
                <image class="img" src="/static/image/contact.png" mode="" />
                <text class="title">联系客服</text>
            </view>
        </button>
    </view>
    <!-- 支付 -->
    <view class="payBox" wx:if="{{!isIos}}">
        <view class="title">
            付费购
        </view>
        <view class="pay vipPay">
            <view class="payLeft">
                <view class="pLTitle vipTitle">
                    99元/12个月VIP
                </view>
                <view class="pLcontent vipContent">
                    购买VIP会员，即可畅读全部资源
                </view>
            </view>
            <view class="payRight vipBtn">
                立即开通
            </view>
        </view>
        <view class="pay buyPay">
            <view class="payLeft">
                10元/10次体验
            </view>
            <view class="payRight buyBtn">
                立即开通
            </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">
                        每日签到
                    </view>
                    <view class="tcNum">+1次</view>
                </view>
            </view>
            <view class="taskRight taskRight-close">签到</view>
        </view>
        <view class="task">
            <view class="taskLeft">
                <image class="img" src="/static/image/task2.png" alt="" mode="" />
                <view class="taskContent">
                    <view class="tcTitle">
                        邀请新用户
                    </view>
                    <view class="tcNum">+2次/每位</view>
                </view>
            </view>
            <view class="taskRight">去邀请</view>
        </view>
        <view class="task advert">
            <view class="taskLeft">
                <image class="img" src="/static/image/task3.png" alt="" mode="" />
                <view class="taskContent">
                    <view class="tcTitle">
                        观看激励广告
                    </view>
                    <view class="tcNum">+1次/每条</view>
                </view>
            </view>
            <view class="taskRightBox">
                <view class="taskRight" bindtap="rewardedVideo">去观看</view>
                <view class="taskSurplus">
                    剩余次数：0/2
                </view>
            </view>
        </view>
    </view>
</view>
<rewardedVideo id='advert'></rewardedVideo>