枕头定制小程序项目
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

<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>