baozhida-deliver-medicine-app/components/x-orderCard.vue

<template>
	<!-- 运单详情表单 -->
	<view class="card_ordercard">
		<view class="title_detail"><span>姓名:</span>{{list.name}}</view>
		<view class="title_detail"><span>联系方式:</span>{{list.phone}}</view>
		<view class="title_detail" v-if="deliverer"><span>地址:</span>{{list.address}}</view>
	</view>
</template>

<script>
	export default {
		name: 'x-orderCard',
		props: {
			list: {
				type: Object,
				default () {
					return {}
				}
			},
			// 配送人是否显示地址
			deliverer: {
				type: Boolean,
				default () {
					return true
				}
			}
		},
		data() {
			return {

			}
		}
	}
</script>

<style lang="scss">
	.card_ordercard {
		border-radius: 10rpx;
		padding: 20rpx;
		background-color: #fff;
	}

	.title_detail {
		margin: 10rpx 0rpx;

		span {
			font-size: 28rpx;
			color: #909399;
			margin-right: 10rpx;
		}
	}
</style>