share_activity/pages/welfareMall/personal/personal.wxml

<!--pages/welfareMall/personal/personal.wxml-->
<page-wrap id="Page" class="{{grayTheme?'page':''}}">
  <custom-page head-bg-color="#FFE7E8">
    <view slot="body" class="personal flex-column">
      <!-- 首部个人信息 -->

      <!-- <button class="avatar-wrapper" open-type="chooseAvatar" bind:chooseavatar="onChooseAvatar">
      <image class="avatar" src="{{avatarUrl}}" style="height: 100rpx;width: 100rpx;"></image>
     </button> 
    <input type="nickname" class="weui-input" placeholder="请输入昵称"/> -->
      <view class="head flex-column">
        <view class="head-personal flex-row">
        
          <image class="head-personal-logo" src="/images/welfareMall/head-portrait.png" />
          <!-- 获取用户头像 -->
          <view class="hat" wx:if="{{isLogin}}"></view>
          <!-- <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 class="logout" wx:if="{{isLogin}}" bindtap="logout">退出登录</view>
          <!-- <image wx:if="{{isLogin}}" src="/images/welfareMall/logout.png" style="height: 30px;width: 30px;margin-left: 90px;" bindtap="logout"></image> -->
        </view>
        <view>
        <button class="wx-isLogin-card" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPathCoupon"></button>

          <view class="head-card flex-row" catchtap="{{couponPath?'getCouponPath':''}}">
            <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>
      <!-- 员工通道 -->
      <view><button class="wx-isLogin-broadcast" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getStaff"></button>
        <view class="broadcast" catchtap="toStaff"></view>
      </view>
      <!-- 内容 -->
      <view class="content flex-column">
        <!-- 导航栏遍历 -->
        <view class="sign-in content-style" wx:for="{{navigationList}}" data-appid="{{item.appId}}" wx:key="unique">
          <button class="wx-isLogin" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNav" data-path="{{item.path}}"></button>
          <view class="grant flex-row" bindtap="goToCoupon" data-path="{{item.path}}">
            <view class="content-img-text flex-row">
              <image class="content-img" src="{{item.figure}}"></image>
              <view class="content-text">{{item.title}}</view>
            </view>
            <image class="content-jump" src="/images/welfareMall/jump.png" />
          </view>
          <view class="content-lower"></view>
        </view>
      </view>
    </view>


  </custom-page>

  <view>
    <button open-type="contact" class="call" type="warn" size="mini">
      <image class="service-style" src="../../../images/welfareMall/service-img.png"></image>
    </button>
  </view>
</page-wrap>

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