<view class="user-info">
  <!-- <image class="bg" src="/images/background/my-background.png"></image> -->
  <view class="user-info-box flex flex-align-center {{ userInfo.is_vip == 1 ? 'active' : '' }}">
    <image class="avatar" src="{{userInfo.avatar_url || '/images/my/header.png'}}" bindtap="onAvatar"></image>
    <image wx:if="{{level!=0}}" class="avatarHead" src="{{levelImage[imageIndex]}}"></image>
    <view class="info-right flex-column">
      <view bindtap="goDossier" class="info-nameBox">
        <text class="nick-name" style="color: #fff;">{{userInfo.nickname || '微信用户'}}</text>
        <image class="edit" src="../../images/my/edit.png"></image>
      </view>
      <view class="intro flex-align-center">
        <view class="gender flex-center" style="margin-right: 14rpx;" wx:if="{{ userInfo.sex == 1 || userInfo.sex == 2 }}">
          <image src="/images/icon_gender_{{userInfo.sex}}.png"></image>
        </view>
        <!-- <view class="city flex-center" style="margin-right: 16rpx;">深圳</view> -->
        <view class="vip-time flex-center" wx:if="{{userInfo.vip}}">
          <image src="/images/icon_vip_04.png"></image>
          <text>{{userInfo.vip.card_name}}({{userInfo.vip.store_time_alias}})</text>
        </view>
      </view>
      <!-- <text style="color: #fff;font-size: 24rpx;" wx:if="{{userInfo.is_vip == 1}}">会员有效期时间：{{userInfo.vip.valid_time}}</text>
      <text style="color: #fff;font-size: 28rpx;" wx:if="{{userInfo.is_vip == 0}}">您还没有开通会员哦～</text> -->
    </view>
    <view class="QR" bindtap="getQR">
      <image src="../../images/my/QR.png"></image>
    </view>
  </view>


  <view class="listker-top-add">
    <navigator url="/pages/storedValue/index" hover-class="noshadow">
      <view class="wallet">
        <view class="desc"><text>￥</text>{{inserllAmount}}<text>.{{inserllAmountLittle}}</text></view>
        <view class="title">我的储值</view>
      </view>
    </navigator>
    <navigator url="/pages/toolDetails/index" hover-class="noshadow">
      <view class="tool">
        <view class="desc">{{coin}}</view>
        <view class="title">我的积分</view>
      </view>
    </navigator>
    <view class="listker-line"></view>
    <view class="cardBag">
      <navigator url="/subPackages/pages/cardBag/cardBag" hover-class="noshadow">
        <image class="listker-img" src="/images/card_img.png"></image>
      </navigator>
      <navigator url="/subPackages/pages/cardBag/cardBag" hover-class="noshadow">
        <view class="card">
          <view class="title">我的卡包</view>
        </view>
      </navigator>
    </view>
  </view>


</view>
<!-- <view class="order item-radius" style="margin-top: -66rpx;">
  <navigator url="/pages/order/order?current=0" hover-class="none">
    <view class="item">
      <image src="/images/my/my_order_01.png"></image>
      <text>已预约</text>
      <view class="item-num flex-center" wx:if="{{userInfo.order_num && userInfo.order_num.wait_pay_num > 0}}">
        {{userInfo.order_num.wait_pay_num > 99 ? '99' : userInfo.order_num.wait_pay_num }}
      </view>
    </view>
  </navigator>
  <navigator url="/pages/order/order?current=1" hover-class="none">
    <view class="item">
      <image src="/images/my/my_order_02.png"></image>
      <text>待使用</text>
      <view class="item-num flex-center" wx:if="{{userInfo.order_num && userInfo.order_num.wait_use_num > 0}}">
        {{userInfo.order_num.wait_use_num > 99 ? '99' : userInfo.order_num.wait_use_num }}
      </view>
    </view>
  </navigator>
  <navigator url="/pages/order/order?current=2" hover-class="none">
    <view class="item">
      <image src="/images/my/my_order_03.png"></image>
      <text>进行中</text>
      <view class="item-num flex-center" wx:if="{{userInfo.order_num && userInfo.order_num.using_num > 0}}">
        {{userInfo.order_num.using_num > 99 ? '99' : userInfo.order_num.using_num }}
      </view>
    </view>
  </navigator>
  <navigator url="/pages/order/order?current=3" hover-class="none">
    <view class="item">
      <image src="/images/my/my_order_04.png"></image>
      <text>已结算</text>
    </view>
  </navigator>
  <navigator url="/pages/order/order?current=4" hover-class="none">
    <view class="item">
      <image src="/images/my/my_order_05.png"></image>
      <text>已取消</text>
    </view>
  </navigator>
</view> -->
<view class="tools">
  <!-- <view class="item top item-radius" bindtap="goToVip" id="goToVip" >
    <image class="icon-left" src="/images/my/tools_01.png"></image>
    <text class="flex1">我的VIP</text>
    <block wx:if="{{ activity.expire_time_seconds && activity.expire_time_seconds > 0 }}">
      <view class="flex flex-align-center">
        <text class="active">{{activity.discount}}折</text>
        <text style="font-size:28rpx;color:#666; ">倒计时：</text>
        <text class="active">{{activity.currentTime}}</text>
      </view>
    </block>
    <block wx:else>
      <text class="active" wx:if="{{userInfo.is_vip == 0}}">成为VIP</text>
      <text class="active" wx:if="{{userInfo.is_vip == 1}}">立即续费</text>
    </block>
    <image class="icon-right" src="/images/my/right.png"></image>
  </view> -->
  <view class="item-radius">
    <!-- <navigator url="/pages/sendFriend/sendFriend">
      <view class="item line">
        <image class="icon-left" src="/images/my/friend.png"></image>
        <text class="flex1">老客权益</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/pages/skinRecordList/skinRecordList">
      <view class="item line">
        <image class="icon-left" src="/images/my/tools_07.png"></image>
        <text class="flex1">测肤记录表</text>>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/subPackagesD/pages/skinPlan/skinPlan">
      <view class="item line">
        <image class="icon-left" src="/images/my/tools_08.png"></image>
        <text class="flex1">护肤方案</text>

        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/pages/goods/orderList/orderList">
      <view class="item line">
        <image class="icon-left" src="/images/my/icon_tab_member_goods_order.png"></image>
        <text class="flex1">美妆产品订单</text>
        <text class="active" wx:if="{{ userInfo.goods_order_num.wait_take_num>0 }}">{{userInfo.goods_order_num.wait_take_num}}单待取货</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/subPackagesB/pages/groupRecord/groupRecord">
      <view class="item line">
        <image class="icon-left" src="/images/my/group.png"></image>
        <text class="flex1">拼团记录</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/pages/vipCard/vipCard">
      <view class="item line">
        <image class="icon-left" src="/images/my/tools_02.png"></image>
        <text class="flex1">已购会员卡</text>
        <text class="active" wx:if="{{ userInfo.card_num>0 }}">{{userInfo.card_num}}张可用</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/subPackages/pages/cardBag/cardBag?current=2">
      <view class="item">
        <image class="icon-left" src="/images/my/tools_03.png"></image>
        <text class="flex1">我的优惠券</text>
        <text class="active" wx:if="{{ userInfo.coupon_count>0 }}">{{userInfo.coupon_count}}张可用</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
    <!-- <navigator url="/pages/article/article">
      <view class="item">
        <image class="icon-left" src="/images/my/tools_09.png"></image>
        <text class="flex1">美丽秘籍</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator> -->
  </view>
  <view class="item-radius" style="margin-top: 20rpx;">
    <navigator url="/pages/disclaimer/disclaimer" hover-class="none">
      <view class="item line">
        <image class="icon-left" src="/images/my/tools_04.png"></image>
        <text class="flex1">免责声明</text>
        <text class="active" style="color:#999999;">{{agree ? '已' : '未'}}同意</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator>
    <navigator url="/pages/dossier/dossier" hover-class="none">
      <view class="item line">
        <image class="icon-left" src="/images/my/tools_05.png"></image>
        <text class="flex1">会员档案</text>
        <text class="active" style="color:#999999;">去修改</text>
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator>
    <navigator url="/pages/feedback/feedback" hover-class="none" wx:if="{{false}}">
      <view class="item line">
        <image class="icon-left" src="/images/my/tools_10.png"></image>
        <text class="flex1">记录反馈</text>
        <!-- <text class="active" style="color:#999999;">去修改</text> -->
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator>
    <navigator url="/pages/contact/contact" hover-class="none">
      <view class="item">
        <image class="icon-left" src="/images/my/tools_06.png"></image>
        <text class="flex1">联系我们</text>
        <!-- <text class="active" style="color:#999999;">去修改</text> -->
        <image class="icon-right" src="/images/my/right.png"></image>
      </view>
    </navigator>
  </view>
</view>
<change-env visible="{{ visible }}"></change-env>
<!-- 我的二维码弹窗 -->
<wux-landscape visible="{{ showQR }}" maskClosable="{{ true }}" closable="{{ false }}" bind:close="onCloseLandscape"
  class="skin-popup" catchtouchmove="true">
  <view class="use-popup flex-column">
    <view class="text-cotent">
      <canvas wx:if="{{showQR}}" class="qrcode" canvas-id="qrcode" />
    </view>
    <image src="/images/icon_20.png" class="close-img" bindtap="onCloseLandscape"></image>
  </view>
</wux-landscape>