jp-employment-kfq/pages/my/user/updatephone/index.vue

<template>
	<view>
		<car-common  mytitle="绑定手机号"  ref="common"  ></car-common>
		
		<view class="updatephone">
			<img src="static/img/icon-phoneSafe.png" alt="">
			<h4>已绑定手机号：{{showphone(user.phone)}}</h4>
			<p>您可使用绑定的手机号登录当前账号</p>
			<view class="updatephone-btn">
				<u-button shape="circle" @click="gotoUrl()">更换绑定</u-button>
				<p v-if="false">为降低账号安全风险，每6个月仅能更换2次，</br>请谨慎修改</p>
			</view>
		</view>
	</view>
</template>

<script>
	import api from './index.js'
	export default api;
</script>

<style>
	page{background-color: #f7f7f7;}
</style>
<style scoped lang="scss">
	.updatephone{
		text-align: center;
		padding: 50px 15px;
		img{
			width: 160px;
			margin-bottom: 20px;
		}
		h4{
			font-size: 16px;
			margin-bottom: 5px;
		}
		p{
			color:#999;
		}
		.updatephone-btn{
			margin-top: 20px;
			p{
				color: rgb(255, 58, 58);
				margin-top: 10px;
			}
		}
	}
</style>