<template>
	<view class="add_box">
		<view class="address_box" v-for="item in addressData" :key="item.name">
			<view class="address_item">
				<view class="top">
					<span>{{item.name}}</span>
					<span>{{item.phone}}</span>
					<span v-if="item.status == 0">默认</span>
					<span>{{item.label}}</span>
				</view>
				<view class="bottom">
					<view class="left_bot">
						{{item.address}}
					</view>
					<view class="right_bot">
						
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				addressData:[
					{name:'张晓明',phone:'132****1021',status:0,label:'家',address:'山东省青岛市市南区香港中路7号甲亚麦国际中心7层2097户东户'},
					{name:'张三',phone:'131****0021',status:1,label:'家',address:'山东省青岛市市南区香港中路7号甲亚麦国际中心7层2017户西户'},
					{name:'李四',phone:'132****3201',status:1,label:'家',address:'山东省青岛市市南区香港中路7号甲亚麦国际中心'},
					{name:'王五',phone:'132****0015',status:1,label:'家',address:'山东省青岛市市南区香港中路7号甲亚麦国际中心7层'},
				]
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.add_box{
		width: 100%;
		background: #fff;
		.address_box{
			width: 95%;
			margin: 0 auto;
			margin-top: 40rpx;
			
			.address_item{
				width: 100%;
				height: 200rpx;
				border-bottom: 2rpx solid #ccc;
				
				.bottom{
					width: 100%;
					.left_bot{
						width: 90%;
					}
				}
			}
		}
	}

</style>
