share_activity/pages/welfareMall/personal/personal.wxml

<!--pages/welfareMall/personal/personal.wxml-->
<view class="{{grayTheme?'page':''}}">
  <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="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>
      </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>