user-center.wxml 5.9 KB
<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:elif="{{userInfo.auditStatus == 'unauthorized'}}" class="vip" bindtap="toVipVerifyHandler">
              审核中 >
            </view>
            <view wx:else class="vip" bindtap="toVipLoginHandler">未验证 ></view>
          </view>
        </view>
        <!-- 右边栏 -->
        <view class="user-data">
          <view bindtap="onIntegralDetailHandler" class="wrap">
            <view class="t1">{{userInfo.memberPoints}}</view>
            <view class="t2">我的积分</view>
          </view>
          <view class="line"></view>
          <view bindtap="onIntegralDetailHandler" 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 bindtap="onsignInRecordHandler" 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 {{item ? 'check-item-act' :''}}">
              <view wx:if="{{index != 0}}" class="line"></view>
              <view class="day">
                <view class="circle">{{index+1}}</view>
                <view wx:if="{{index != signInfo.length-1}}" class="num">+10</view>
                <image wx:else class="icon" mode="aspectFit" src="../../image/icon/icon-red-package.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 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 bindtap="onAddressHandler" 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 bindtap="onMyMessageHandler" class="func-wrap-item">
              <view class="icon-wrap">
                <view wx:if="{{userInfo.news > 0}}" class="rpoint"></view>
                <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 class="border active" wx:if="{{1>0}}">
          <view bindtap="onAuctionHandler" data-index="0" class="active-item">
            <view class="icon-wrap">
              <span class="iconfont iconpaimai icon"></span>
            </view>
            <view class="txt">拍卖</view>
          </view>
          <view bindtap="onSeckillHandler" data-index="1" class="active-item">
            <view class="icon-wrap">
              <span class="iconfont iconmiaosha icon"></span>
            </view>
            <view class="txt">秒杀</view>
          </view>
          <view data-index="2" class="active-item">
            <view class="icon-wrap"></view>
            <view class="txt"></view>
          </view>
          <view data-index="3" class="active-item">
            <view class="icon-wrap"></view>
            <view class="txt"></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>
<van-popup show="{{ giftSignTipsCompVisible }}">
  <gift-sign-tips-comp bind:evtcomp="evtcomp" prize-info="{{signPrize}}"></gift-sign-tips-comp>
</van-popup>