<template>
	<view class="edit-address">
		<AddressActive></AddressActive>
		<u-popup v-model="popupShow" mode="center" border-radius="10">
			<view class="popup-tips">确定要删除该地址吗</view>
			<view class="popup-btn">
				<view class="cancel" @click="popupShow=false">取消</view>
				<view class="determine" @click="delAddress">确定</view>
			</view>
		</u-popup>
	</view>
</template>
<script>
import AddressActive from '@/components/mine/address-active/index'
export default {
	data() {
		return {
			popupShow: false
		}
	},
	components: {
		AddressActive
	},
	onLoad() {},
	onNavigationBarButtonTap() {
		this.popupShow = true
	},
	methods: {
		delAddress() {
			this.popupShow = false
		}
	},
}
</script>
<style lang="scss" scoped>
.edit-address {
	min-height: calc(100vh - var(--window-top));
	.popup-tips {
		width: 420rpx;
		text-align: center;
		line-height: 104rpx;
		font-size: 28rpx;
		color: rgba(102,102,102,1);
	}
	.popup-btn {
		width: 420rpx;
		display: flex;
		border-top: 2rpx solid #ECECEC;
		> view {
			flex: 1;
			height: 98rpx;
			text-align: center;
			line-height: 98rpx;
			&:first-child {
				border-right: 2rpx solid #ECECEC;
			}
		}
		.determine {
			color: #FF780F;
		}
	}
}
</style>