<view class="page">
  <view class="app__bgc bgc"></view>
  <view class="app__bg bg"></view>
  <view class="app__content main">
    <view class="top">
      <image class="top-bg" mode="widthFix" src="../../image/user-center/user-center-top-bg.png" />
      <!-- 用户信息 -->
      <view class="user">
        <!-- 左边栏 -->
        <view class="user-info">
          <image class="avatar" mode="aspectFill" src="{{userInfo.avatar}}" />
          <view class="wrap1">
            <view class="name">{{userInfo.realName ? userInfo.realName : userInfo.nickname}}</view>
            <view wx:if="{{userInfo.auditStatus == 'authorization'}}" class="vip vip-check">
              积分会员
            </view>
            <view wx:else class="vip" bindtap="toVipLogin">未验证 ></view>
          </view>
        </view>
        <!-- 右边栏 -->
        <view class="user-data">
          <view class="wrap">
            <view class="t1">{{userInfo.memberPoints}}</view>
            <view class="t2">我的积分</view>
          </view>
          <view class="line"></view>
          <view class="wrap">
            <view class="t1">{{userInfo.promotionNum}}</view>
            <view class="t2">推广数据</view>
          </view>
        </view>
      </view>
    </view>
    <view class="top-space"></view>
    <view class="content">
      <!-- 场景 -->
      <view class="sence">
        <!-- 签到区 -->
        <view class="border sign ">
          <view class="tit">
            <view class="t1">连续签到7天赢现金红包</view>
            <view class="t2">
              <image class="icon" mode="aspectFit" src="../../image/icon/icon-sign-record.png" />
              签到记录
            </view>
          </view>
          <!-- 7天签到 -->
          <view class="check">
            <view wx:for="{{signInfo}}" wx:key="{{index}}" class="check-item">
              <view class="no">{{index+1}}</view>
              <view class="icon">
                <image wx:if="{{item}}" mode="aspectFit" src="../../image/icon/icon-check.png" />
                <image wx:elif="{{index == signInfo.length -1}}" mode="aspectFit" src="../../image/icon/icon-red-package.png" />
                <image wx:else mode="aspectFit" src="../../image/icon/icon-integral.png" />
              </view>
            </view>
          </view>
          <!-- 签到按钮 -->
          <view wx:if="{{userInfo.isSign == 1}}" class="sign-btn sign-btn-disable">已签到</view>
          <view wx:else class="sign-btn" bindtap="onSignHandler">签到 (第{{signNum}}天)</view>
        </view>
        <!-- 订单区 -->
        <view class="border order ">
          <view class="order-item">
            <view class="icon-wrap">
              <image class="icon" mode="aspectFit" src="../../image/icon/icon-all-order.png" />
            </view>
            <view class="txt">全部订单</view>
          </view>
          <view class="order-item">
            <view class="icon-wrap">
              <image class="icon" mode="aspectFit" src="../../image/icon/icon-wait-review.png" />
            </view>
            <view class="txt">待审核</view>
          </view>
          <view class="order-item">
            <view class="icon-wrap">
              <image class="icon" mode="aspectFit" src="../../image/icon/icon-review-pass.png" />
            </view>
            <view class="txt">已通过</view>
          </view>
          <view class="order-item">
            <view class="icon-wrap">
              <image class="icon" mode="aspectFit" src="../../image/icon/icon-shipped.png" />
            </view>
            <view class="txt">已发货</view>
          </view>
          <view class="order-item">
            <view class="icon-wrap">
              <image class="icon" mode="aspectFit" src="../../image/icon/icon-up-pass.png" />
            </view>
            <view class="txt">未通过</view>
          </view>
        </view>
        <!-- 功能区 -->
        <view class="border func">
          <view class="my-qrcode">
            <image bindtap="onMyQrcodeHandler" class="qrcode" mode="widthFix" src="../../image/icon/icon-qrcode.png" />
            <view class="t1">我的二维码</view>
          </view>
          <!-- 功能区 -->
          <view class="func-wrap">
            <view bindtap="onRankHandler" class="func-wrap-item">
              <view class="icon-wrap">
                <image class="icon" mode="aspectFit" src="../../image/icon/icon-integral-rank.png" />
              </view>
              <view class="txt">积分排行</view>
            </view>
            <view class="func-wrap-item">
              <view class="icon-wrap">
                <image class="icon" mode="aspectFit" src="../../image/icon/icon-my-address.png" />
              </view>
              <view class="txt">我的地址</view>
            </view>
            <view class="func-wrap-item">
              <view class="icon-wrap">
                <image class="icon" mode="aspectFit" src="../../image/icon/icon-my-message.png" />
              </view>
              <view class="txt">我的消息</view>
            </view>
            <view bindtap="onContactUsHandler" class="func-wrap-item">
              <view class="icon-wrap">
                <image class="icon" mode="aspectFit" src="../../image/icon//icon-concat-us.png" />
              </view>
              <view class="txt">联系我们</view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>
<van-popup show="{{ authorizeVisible }}">
  <authorize-comp bind:evtcomp="evtcomp"></authorize-comp>
</van-popup>
<van-popup show="{{ commonTipsCompVisible }}">
  <common-tips-comp bind:evtcomp="evtcomp" inner-title="{{innerTitle}}" inner-text="{{innerText}}"></common-tips-comp>
</van-popup>
<van-popup show="{{ signTipsCompVisible }}">
  <sign-tips-comp bind:evtcomp="evtcomp"></sign-tips-comp>
</van-popup>