smart-app/pages/user/phone/newPhone/newPhone.vue

<template>
	<view class="box">
		<cu-custom bgColor="bg-blue" :isBack="true">
			<block slot="backText">修改绑定手机</block>
			<block slot="content"></block>
			<block slot="right">
				<view class=" flex justify-center">
				 	<button  class="margin-top-ssm cu-btn round bg-blue text-blue"><text class="cuIcon-add"></text></button>
				</view>
			</block>
		</cu-custom>	
		<view class="cu-list menu  shadow-lg">
			<form>
				<!-- <view class="cu-form-group">
					<view class="title">登录账号</view>
					<input placeholder="输入账号" v-model="userInfo.account" name="input" disabled=""></input>
				</view> -->
				<view class="cu-form-group">
					<view class="title">新手机</view>
					<input placeholder="请输入新手机号码" disabled="" maxlength="11" name="input"></input>
				</view>
				<view class="cu-form-group">
					<view class="title">验证码</view>
					<input placeholder="请输入短信验证码" name="input"></input>
					<button class='cu-btn round line-blue'>获取验证码</button>
				</view>
			</form>
		</view>
		<view class="margin-top flex justify-center" >
		 	<button @click="submit" style="width: 400rpx;" class="cu-btn bg-blue lg round"  >提交</button>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				userInfo:""
			}
		},
		onLoad() {
			var userInfo = uni.getStorageSync("userInfo")
			if(userInfo!=null){
				if(userInfo.phone=='null'|| userInfo.phone==null){
					userInfo.phone=""
				}
				this.userInfo = userInfo;
			}
		},
		
		methods: {
			submit(){
				 
			}
		}
	}
</script>

<style>

</style>