<!--pages/welfareMall/personal/personal.wxml-->
<view class="personal flex-column">
  <!-- 首部个人信息 -->
  <view class="head flex-column">
    <view class="head-personal flex-row">
      <image wx:if="{{!isLogin}}" class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
      <!-- 获取用户头像 -->
      <open-data wx:if="{{isLogin}}" class="head-personal-logo" type="userAvatarUrl"></open-data>
      <view class="head-personal-nl flex-column" wx:if="{{isLogin}}">
        <!-- 获取用户微信昵称 -->
        <open-data class="head-personal-name" type="userNickName" lang="zh_CN"></open-data>
        <view class="head-personal-login">{{phone.toHide(mobileTop)}}</view>
      </view>
      <button class="personal-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber">登录/注册</button>
    </view>
    <view class="head-card flex-row">
      <view class="head-card-coupon">我的优惠券</view>
      <view class="head-card-nt flex-row">
        <view class="head-card-num">{{countNum}}</view>
        <view class="head-card-text">张</view>
      </view>
    </view>
  </view>
  <!-- 中部详细信息 -->
  <view class="center">
    <!-- 内容 -->
    <view class="content flex-column">
      <!-- 签到领券 -->
      <view class="sign-in content-style flex-row">
        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
        <view class="grant flex-row">
          <view class="content-img-text flex-row">
            <image class="content-img" src="/images/welfareMall/sign-in.png" />
            <view class="content-text">签到领券</view>
          </view>
          <image class="content-jump" src="/images/welfareMall/jump.png" />
        </view>
      </view>
      <view class="content-lower"></view>
      <!-- 抽奖领券 -->
      <view class="luck-draw content-style flex-row">
        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
        <view class="grant flex-row">
          <view class="content-img-text flex-row">
            <image class="content-img" src="/images/welfareMall/luck-draw.png" />
            <view class="content-text">抽奖领券</view>
          </view>
          <image class="content-jump" src="/images/welfareMall/jump.png" />
        </view>
      </view>
      <view class="content-lower"></view>
      <!-- 我的券包 -->
      <view class="coupon-bag content-style flex-row">
        <view class="grant flex-row">
          <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
          <view class="content-img-text flex-row">
            <image class="content-img" src="/images/welfareMall/coupon-bag.png" />
            <view class="content-text">我的券包</view>
          </view>
          <image class="content-jump" src="/images/welfareMall/jump.png" />
        </view>
      </view>
      <view class="content-lower"></view>
      <!-- 邀请好友 -->
      <!-- <view class="invite-friends content-style flex-row">
        <view class="content-img-text flex-row">
          <image class="content-img" src="/images/welfareMall/invite-friends.png" />
          <view class="content-text">邀请好友</view>
        </view>
        <image class="content-jump" src="/images/welfareMall/jump.png" />
      </view> -->
      <view class="content-lower"></view>
      <!-- 历史订单 -->
      <view class="historical-order content-style flex-row">
        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
        <view class="grant flex-row" catchtap="toHistorical">
          <view class="content-img-text flex-row">
            <image class="content-img" src="/images/welfareMall/historical-order.png" />
            <view class="content-text">历史订单</view>
          </view>
          <image class="content-jump" src="/images/welfareMall/jump.png" />
        </view>
      </view>
      <view class="content-lower"></view>
      <!-- 意见反馈 -->
      <view class="feedback content-style flex-row">
        <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>
        <view class="grant flex-row" catchtap="toFeedback">
          <view class="content-img-text flex-row">
            <image class="content-img" src="/images/welfareMall/feedback.png" />
            <view class="content-text">意见反馈</view>
          </view>
          <image class="content-jump" src="/images/welfareMall/jump.png" />
        </view>
      </view>
      <view class="content-lower"></view>
      <view></view>
    </view>
  </view>
</view>

<!-- 使用wxs 手机号码中间四位显示为*号 -->
<wxs module="phone">
  var toHide = function (array) {
    var mphone = array.substring(0, 3) + '****' + array.substring(7);
    return mphone;
  }
  module.exports.toHide = toHide;
</wxs>