<template>
	<view>
		<view class="top">
			<u-field
				v-model="name"
				label="收货人"
				placeholder="请填写"
			>
			</u-field>
			<u-field
				v-model="mobile"
				label="手机号"
				placeholder="请填写"
			>
			</u-field>
			<u-field @click="showAction" v-model="address" 
				:disabled="true" label="所属城市" placeholder="请选择"
				right-icon="arrow-down-fill"
			></u-field>
			<u-picker mode="region" v-model="show"></u-picker>
		</view>
		<view class="bottom">
			<view class="title">
				详细地址
			</view>
			<u-input v-model="realAddr" placeholder="XX街道XX 小区1栋1单元101" type="textarea"></u-input>
		</view>
		<view class="footerBtn">
			保存修改
		</view>
	</view>
</template>

<script>
export default{
	data(){
		return{
			name:'',
			mobile:'',
			show:false,
			address:'',
		}
	},
	methods:{
		showAction(){
			this.show = true;
		},
	},
	mounted(){
		
	}
}
</script>

<style lang="scss" scoped>
page{
	min-height:100%;
	background-color: #F7F8FA;
}
.top{
	background-color: #fff;
	padding:0 40upx;
	margin-top:12upx;
}
.bottom{
	background-color: #fff;
	margin-top:8upx;
	padding:26upx 40upx;
	.title{
		font-size: 28upx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		color: #3B3B3B;
		margin-bottom: 30upx;
		
	}
}
.footerBtn{
	width:80%;
	height: 100upx;
	line-height: 100upx;
	background: #FFAAA4;
	border-radius: 6px 6px 6px 6px;
	opacity: 1;
	font-size: 28upx;
	font-family: PingFang SC, PingFang SC;
	font-weight: 500;
	color: #FFFFFF;
	text-align: center;
	margin:64upx auto;
}
</style>