86 lines
1.6 KiB
Vue
86 lines
1.6 KiB
Vue
|
|
<template>
|
|
<view class="contain">
|
|
<view class="kuang"
|
|
v-for="(item,index) in addressArr"
|
|
:key="index" @click="goDetails(item)">
|
|
<view class="kuang_l">
|
|
<view class="kuang_lt">
|
|
{{ item.pkProvinceVal }}
|
|
{{ item.pkCityVal }}
|
|
{{ item.pkCountyVal }}
|
|
</view>
|
|
<view class="kuang_lc">{{ item.address }}</view>
|
|
<view class="kuang_lb">
|
|
<view>{{ item.accountName }}</view>
|
|
<span>{{ item.phone }}</span>
|
|
</view>
|
|
</view>
|
|
<u-icon name="edit-pen" color="#999"
|
|
size="22"></u-icon>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import * as api from '@/config/mine.js'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
addressArr: [],
|
|
}
|
|
},
|
|
onLoad(options) {
|
|
|
|
},
|
|
onShow() {
|
|
this.getAddressList()
|
|
},
|
|
methods: {
|
|
goDetails(item){
|
|
uni.navigateTo({
|
|
url: '/pages/mine/giftAddress/details?obj=' + JSON.stringify(item)
|
|
})
|
|
},
|
|
getAddressList() {
|
|
api.getMemberGift().then((res) => {
|
|
this.addressArr = res.data
|
|
})
|
|
},
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.contain {
|
|
padding: 10rpx 0;
|
|
}
|
|
.kuang {
|
|
padding: 30rpx 20rpx;
|
|
margin-bottom: 20rpx;
|
|
background: #fff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
.kuang_lt {
|
|
color: #999;
|
|
font-size: 12px;
|
|
margin-bottom: 10rpx;
|
|
}
|
|
.kuang_lc {
|
|
color: #333333;
|
|
font-size: 14px;
|
|
margin-bottom: 20rpx;
|
|
}
|
|
.kuang_lb {
|
|
color: #333333;
|
|
font-size: 12px;
|
|
display: flex;
|
|
align-items: center;
|
|
span {
|
|
color: #999;
|
|
}
|
|
}
|
|
}
|
|
</style> |