学习小程序手机号码展示

今天做小程序时，发现遇到自己解决不了的问题了，就百度搜了很多，

把问题及解决方法写下来，以便随时查验

做小程序时发现手机号需要中间部分隐藏，如图

 首先需要新建一个wxs页面，我把它放在了utils里了（其实这里的解决方法是我百度搜出来的）

 名字自己命名就好：例：subut.wxs

/**
 * 处理字符串为****格式，中间显示四个*号
 * str 需要处理的字符串
 * startLength 前面显示的字符串长度
 * endLength 后面显示的字符串长度
 */
var sub = function (str, startLength, endLength) {
  if (str.length == 0 || str == undefined) {
    return "";
  }
  var length = str.length;
  if (length >= startLength + endLength) {
    return str.substring(0, startLength) + "****" + str.substring(length - endLength, length);
  } else {
    return str;
  }
}
module.exports = {
  sub: sub
}

然后在页面引入这段代码文件

<wxs src="../../utils/subut.wxs" module="tools"></wxs>

下面就是直接使用了：

<view class="person-info-num">{{tools.sub(item.number,3,4)}}</view>

item.num（就是返回的手机号）