Browse Source

个人中心页面电话号码隐藏中间4位

pull/19/head
徐飞洋 2 months ago
parent
commit
43471e7e37
  1. 24
      pages/index/index.wxml
  2. 26
      pages/profile/index.js
  3. 2
      pages/profile/index.wxml

24
pages/index/index.wxml

@ -152,26 +152,6 @@
</view> </view>
</view> </view>
<!-- 侧边栏按钮 -->
<view
class="sidebar-btn {{sidebarBtnHidden ? 'hidden' : ''}}"
style="top: {{sidebarBtnTop}}rpx;"
bindtouchstart="handleTouchStart"
bindtouchmove="handleTouchMove"
bindtouchend="handleTouchEnd"
>
<!-- 侧边栏内容区域 -->
<view class="sidebar-btn-content" bindtap="toggleSidebar">
<text class="sidebar-text-black">招商</text>
<text class="sidebar-text-black">入驻</text>
</view>
<!-- 箭头按钮 -->
<view class="sidebar-arrow" bindtap="toggleSidebarBtn">
<text class="arrow-icon {{sidebarBtnHidden ? 'arrow-right' : 'arrow-left'}}">《</text>
</view>
</view>
<!-- 商品列表区域 --> <!-- 商品列表区域 -->
<view class="goods-section"> <view class="goods-section">
<scroll-view <scroll-view
@ -198,6 +178,10 @@
<text class="function-btn-icon">📣</text> <text class="function-btn-icon">📣</text>
<text class="function-btn-text">招商</text> <text class="function-btn-text">招商</text>
</view> </view>
<view class="function-btn" bindtap="navigateToCooperation">
<text class="function-btn-icon">🚹</text>
<text class="function-btn-text">我们</text>
</view>
</view> </view>
<!-- 广告走马灯轮播图 --> <!-- 广告走马灯轮播图 -->

26
pages/profile/index.js

@ -47,6 +47,14 @@ Page({
app.updateCurrentTab('profile'); app.updateCurrentTab('profile');
}, },
// 隐藏电话号码中间4位
hidePhoneNumber(phoneNumber) {
if (!phoneNumber) return ''
const phoneStr = String(phoneNumber)
if (phoneStr.length !== 11) return phoneStr
return phoneStr.substring(0, 3) + '****' + phoneStr.substring(7)
},
// 加载用户信息 // 加载用户信息
loadUserInfo() { loadUserInfo() {
console.log('开始加载用户信息') console.log('开始加载用户信息')
@ -55,12 +63,16 @@ Page({
// 从本地存储获取用户信息 // 从本地存储获取用户信息
const localUserInfo = wx.getStorageSync('userInfo') || {} const localUserInfo = wx.getStorageSync('userInfo') || {}
if (app.globalData.userInfo) { if (app.globalData.userInfo) {
this.setData({ userInfo: app.globalData.userInfo }) const userInfo = { ...app.globalData.userInfo }
userInfo.hiddenPhoneNumber = this.hidePhoneNumber(userInfo.phoneNumber)
this.setData({ userInfo })
} else { } else {
app.globalData.userInfo = localUserInfo const userInfo = { ...localUserInfo }
userInfo.hiddenPhoneNumber = this.hidePhoneNumber(userInfo.phoneNumber)
app.globalData.userInfo = userInfo
this.setData({ this.setData({
userInfo: localUserInfo, userInfo,
needPhoneAuth: !localUserInfo.phoneNumber needPhoneAuth: !userInfo.phoneNumber
}) })
} }
@ -187,6 +199,9 @@ Page({
...serverUserInfo ...serverUserInfo
} }
// 添加隐藏的电话号码
updatedUserInfo.hiddenPhoneNumber = this.hidePhoneNumber(updatedUserInfo.phoneNumber)
app.globalData.userInfo = updatedUserInfo app.globalData.userInfo = updatedUserInfo
wx.setStorageSync('userInfo', updatedUserInfo) wx.setStorageSync('userInfo', updatedUserInfo)
this.setData({ userInfo: updatedUserInfo }) this.setData({ userInfo: updatedUserInfo })
@ -217,6 +232,9 @@ Page({
...serverUserInfo ...serverUserInfo
} }
// 添加隐藏的电话号码
updatedUserInfo.hiddenPhoneNumber = this.hidePhoneNumber(updatedUserInfo.phoneNumber)
app.globalData.userInfo = updatedUserInfo app.globalData.userInfo = updatedUserInfo
wx.setStorageSync('userInfo', updatedUserInfo) wx.setStorageSync('userInfo', updatedUserInfo)
this.setData({ userInfo: updatedUserInfo }) this.setData({ userInfo: updatedUserInfo })

2
pages/profile/index.wxml

@ -6,7 +6,7 @@
style="width: 100rpx; height: 100rpx; border-radius: 50%; margin-right: 20rpx;" style="width: 100rpx; height: 100rpx; border-radius: 50%; margin-right: 20rpx;"
></image> ></image>
<view> <view>
<view style="font-size: 32rpx; font-weight: bold;">{{userInfo.phoneNumber|| '未登录'}}</view> <view style="font-size: 32rpx; font-weight: bold;">{{userInfo.hiddenPhoneNumber || userInfo.phoneNumber || '未登录'}}</view>
<view style="font-size: 26rpx; color: #666;"> <view style="font-size: 26rpx; color: #666;">
</view> </view>

Loading…
Cancel
Save