deming/pageE/more/EditAddress.vue

63 lines
1.2 KiB
Vue
Raw Normal View History

2020-06-02 07:35:19 +00:00
<template>
<view class="edit-address">
2020-06-03 01:14:04 +00:00
<AddressActive></AddressActive>
2020-06-04 00:21:34 +00:00
<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>
2020-06-02 07:35:19 +00:00
</view>
</template>
<script>
2020-06-03 01:14:04 +00:00
import AddressActive from '@/components/mine/address-active/index'
2020-06-02 07:35:19 +00:00
export default {
data() {
return {
2020-06-04 00:21:34 +00:00
popupShow: false
2020-06-02 07:35:19 +00:00
}
},
2020-06-03 01:14:04 +00:00
components: {
AddressActive
},
2020-06-04 00:21:34 +00:00
onLoad() {},
onNavigationBarButtonTap() {
this.popupShow = true
},
methods: {
delAddress() {
this.popupShow = false
}
},
2020-06-02 07:35:19 +00:00
}
</script>
<style lang="scss" scoped>
.edit-address {
2020-06-04 00:21:34 +00:00
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;
}
}
2020-06-02 07:35:19 +00:00
}
</style>