xiongmao/pages/my/bind-mobile-phone-number/bind-mobile-phone-number.vue

<!-- 绑定手机号 -->
<template>
	<view class="wrap">
		<view class="content-box">
			<text>{{info.showPhone}}</text>
			<text>当前绑定手机号</text>
		</view>
		<view class="btn-box">
			<button type="default" class="active" @tap="changeBindMobilePhoneNumber">更换绑定</button>
			<button type="default" @tap="back">返回</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info: {},
			}
		},
		onLoad() {
			this.info = uni.getStorageSync('USER_INFO') || {};
			this.info.showPhone = this.info.phone.split('').map((n, i) => i > 2 && i < 7 ? '*' : n).join('');
		},
		methods: {
			// 跳转更换绑定手机号
			changeBindMobilePhoneNumber(){
				uni.navigateTo({
					url:'../change-bind-mobile-phone-number/change-bind-mobile-phone-number'
				})
			},
			// 返回
			back(){
				uni.navigateBack({
					delta: 1,
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	@import "./bind-mobile-phone-number.css";
</style>