102 lines
2.1 KiB
Vue
102 lines
2.1 KiB
Vue
<template>
|
|
<view class="pagesContent">
|
|
<view class="content">
|
|
<view class="ml20 mr15 pt15">
|
|
<view class="mb20" v-for="(item,index) in datalist" :key="index" >
|
|
<view class="flex alcenter">
|
|
<text class="ft14 ftw500 cl-333">{{item.accept_name}}</text>
|
|
<text class="ft14 ftw500 cl-333 pl20">{{item.show_mobile}}</text>
|
|
<uni-icons type="right" size="18" color="#333333" style="margin-left: auto;" @click="clicknewaddress(2,item)"></uni-icons>
|
|
</view>
|
|
<view class="ft14 ftw500 cl-999" style="margin-top: 12rpx;">{{item.accept_province}}{{item.accept_city}}{{item.accept_exp_area}}{{item.accept_address}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="bottom_button ">
|
|
<view class="practices button" @click="clicknewaddress(1,'')">新增地址</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
datalist: []
|
|
}
|
|
},
|
|
onLoad() {
|
|
|
|
},
|
|
onShow() {
|
|
this.getlist()
|
|
},
|
|
mounted() {
|
|
},
|
|
methods: {
|
|
clicknewaddress(index, item) {
|
|
uni.navigateTo({
|
|
url: '/pagesA/integral/newaddress?type=' + index + "&data=" + JSON.stringify(item)
|
|
})
|
|
},
|
|
getlist() {
|
|
this.$httpRequest({
|
|
url: '/api/delivery/address/list',
|
|
data: this.data,
|
|
methods: "POST",
|
|
}).then(res => {
|
|
console.log(res);
|
|
if (res.code == 1) {
|
|
this.datalist = res.data.list
|
|
}
|
|
}).catch(err => {
|
|
console.log('bind user err');
|
|
console.log(err);
|
|
})
|
|
},
|
|
|
|
|
|
|
|
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped>
|
|
.pagesContent {
|
|
background-color: #fff;
|
|
height: 100vh;
|
|
|
|
}
|
|
|
|
.content {
|
|
background-color: #fff;
|
|
padding-bottom: 160rpx;
|
|
}
|
|
|
|
.bottom_button {
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 160rpx;
|
|
z-index: 1;
|
|
background: #ffffff;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.practices {
|
|
height: 80rpx;
|
|
width: 100%;
|
|
border-radius: 40rpx;
|
|
background: linear-gradient(123deg, #00E075 0%, #09D89E 100%);
|
|
text-align: center;
|
|
line-height: 80rpx;
|
|
margin: 14rpx 80rpx 0 80rpx;
|
|
font-weight: 500;
|
|
font-size: 32rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
</style> |