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.
67 lines
1.5 KiB
67 lines
1.5 KiB
2 years ago
|
<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>
|