You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.5 KiB
66 lines
1.5 KiB
<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>
|
|
|