xiongmao/pages/my/accounts-and-security/accounts-and-security.vue

<!-- 账户与安全 -->
<template>
	<view class="wrap">
		<view class="module">
			<view class="row-between" @tap="bindMobilePhoneNumber">
				<text class="label">绑定手机号</text>
				<view class="right-sidebar">
					{{info.showPhone}}
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
			<view class="row-between" @tap="changePassword">
				<text class="label">修改密码</text>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
			<view class="row-between" @tap="realNameCertification">
				<text class="label">实名认证</text>
				<view class="right-sidebar">
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="module">
			<view class="row-between" @tap="cancelAccount">
				<text class="label">注销账户</text>
				<view class="right-sidebar">
					<text class="gray">账户注销后无法恢复</text>
					<image src="../../../static/back-icon2.png" class="back-icon" mode="widthFix"></image>
				</view>
			</view>
		</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: {
			// 跳转绑定手机号
			bindMobilePhoneNumber(){
				uni.navigateTo({
					url:'../bind-mobile-phone-number/bind-mobile-phone-number'
				})
			},
			// 跳转修改密码
			changePassword(){
				uni.navigateTo({
					url:'../change-password/change-password'
				})
			},
			// 跳转实名认证
			realNameCertification(){
				uni.navigateTo({
					url:'../real-name-certification/real-name-certification'
				})
			},
			// 跳转注销用户
			cancelAccount(){
				uni.navigateTo({
					url:'../cancel-account/cancel-account'
				})
			},
		}
	}
</script>

<style scoped lang="scss">
	@import "./accounts-and-security.css";
</style>