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.
79 lines
1.6 KiB
79 lines
1.6 KiB
<template>
|
|
<view>
|
|
<template v-if="data">
|
|
<view class="flex user">
|
|
<view>{{ data.name }}</view>
|
|
<view>{{ data.phone }}</view>
|
|
<view class="tag" v-if="data.default">默认</view>
|
|
</view>
|
|
<view class="flex address">
|
|
<image v-if="showIcon" class="icon" src="@/pages_order/static/address/icon-address.png" mode="scaleToFill"></image>
|
|
<view>{{ `${data.area.join('')}${data.address}` }}</view>
|
|
</view>
|
|
</template>
|
|
<template v-else>
|
|
<view>请选择地址</view>
|
|
</template>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: {
|
|
data: {
|
|
type: Object,
|
|
default() {
|
|
return null
|
|
}
|
|
},
|
|
showIcon: {
|
|
type: Boolean,
|
|
default: false,
|
|
}
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style scoped lang="scss">
|
|
|
|
.user {
|
|
justify-content: flex-start;
|
|
column-gap: 24rpx;
|
|
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 32rpx;
|
|
line-height: 1.4;
|
|
color: #181818;
|
|
|
|
.tag {
|
|
padding: 2rpx 14rpx;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
line-height: 1.4;
|
|
color: #7451DE;
|
|
background: #EFEAFF;
|
|
border: 2rpx solid #7451DE;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
|
|
.address {
|
|
margin-top: 16rpx;
|
|
align-items: flex-start;
|
|
justify-content: flex-start;
|
|
font-family: PingFang SC;
|
|
font-weight: 400;
|
|
font-size: 28rpx;
|
|
line-height: 1.4;
|
|
color: #9B9B9B;
|
|
|
|
.icon {
|
|
margin: 3px 8rpx 0 0;
|
|
width: 32rpx;
|
|
height: 32rpx;
|
|
}
|
|
}
|
|
|
|
</style>
|