jp-commuter-ds/pages/my/user/updatephone/change.vue

<template>
	<view>
		<car-common  mytitle="更换绑定账号"  ref="common"  ></car-common>
		
		<view class="phone-form">
			<view class="phone-form-row">
				<view class="phone-form-input">
					<u-field v-model="subFormCode.phone"	placeholder="请输入新的手机号" label-width="0"></u-field>
				</view>
			</view>
			<view class="phone-form-row">
				<view class="phone-form-input">
					<u-field	 maxlength="6" placeholder="请输入验证码" v-model="subFormCode.code" type="number"  label-width="0"></u-field>
				</view>
				<view class="phone-form-code">
					<u-button shape="circle" size="mini" @click="sendMsg" v-text="isSendMsgIng?(sendMsgSecond+'秒'):'发送验证码'"  >发送验证码</u-button>
				</view>
			</view>
			<view class="phone-button">
				<u-button type="primary" shape="circle"  @click="login">立即绑定</u-button>
			</view>
		</view>
	</view>
</template>

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

<style scoped lang="scss">
	.phone-form-row{
		position: relative;
		.phone-form-code{
			position: absolute;
			right: 0;
			top:10px;
		}
	}
	.phone-button{
		margin: 10px;
	}
</style>