<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}}</view>
            <view wx:if="{{userInfo.auditStatus == 'authorization'}}" class="vip vip-check">积分会员</view>
            <view wx:else class="vip">未验证 ></view>
          </view>
        </view>
        <!-- 右边栏 -->
        <view class="user-data">
          <view class="wrap">
            <view class="t1">1345</view>
            <view class="t2">我的积分</view>
          </view>
          <view class="line"></view>
          <view class="wrap">
            <view class="t1">20</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 class="check-item check-item-act">
              <view class="no">1</view>
              <view class="icon">
                <image mode="aspectFit" src="../../image/icon/icon-check.png" />
                <!-- <image mode="aspectFit" src="../../image/icon/icon-integral.png" /> -->
                <!-- <image mode="aspectFit" src="../../image/icon/icon-red-package.png" /> -->
              </view>
            </view>
            <view class="check-item ">
              <view class="no">2</view>
              <view class="icon">
                <image mode="aspectFit" src="../../image/icon/icon-integral.png" />
              </view>
            </view>
            <view class="check-item ">
              <view class="no">3</view>
              <view class="icon">
                <image mode="aspectFit" src="../../image/icon/icon-red-package.png" />
              </view>
            </view>
          </view>
          <!-- 签到按钮 -->
          <!-- <view class="sign-btn ">签到 (第4天)</view> -->
          <view class="sign-btn sign-btn-disable">已签到</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 class="qrcode" mode="widthFix" src="../../image/icon/icon-qrcode.png" />
            <view class="t1">我的二维码</view>
          </view>
          <!-- 功能区 -->
          <view class="func-wrap">
            <view 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 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>