jp-commuter-ds/pages/my/user/resetpassword/verification.vue

<template>
	<view>
		<view class="phone-form">
			<view class="phone-form-row">
				<view class="phone-form-input">
					<u-field v-model="mobile"	placeholder="请输入已绑定手机号" label-width="0"></u-field>
				</view>
			</view>
			<view class="phone-form-row">
				<view class="phone-form-input">
					<u-field v-model="mobile"	maxlength="6" placeholder="请输入验证码" label-width="0"></u-field>
				</view>
				<view class="phone-form-code">
					<u-button shape="circle" size="mini">发送验证码</u-button>
				</view>
			</view>
			<view class="phone-button">
				<u-button type="primary" shape="circle">下一步</u-button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

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