<template>
	<div class="card-name-module">
		<div class="app-size-30 app-color-0">{{ info.receiveUserName }}</div>
		<div>{{ info.receiveMobile }}</div>
		<div>{{ info.receiveAddress }}</div>
		<div class="card-tag">
			<img src="../../../assets/images/order/tag.png" alt="" />
		</div>
	</div>
</template>

<script>
export default {
	name: 'card-name-module',
	props: {
		info: {
			type: Object,
			default: () => {}
		}
	},
	data() {
		return {
			// constant: this.$constant
		};
	}
};
</script>

<style lang="scss" scoped>
.card-name-module {
	position: relative;
	color: $fontColor3;
	box-shadow: 0 0 10px #ccc;
	border-radius: 4px;
	padding: 12px 0 12px 10px;
	& > div {
		margin-top: 8px;
		&:first-child {
			margin-top: 0;
		}
	}
	.card-tag {
		position: absolute;
		top: 0;
		right: 0;
		width: 50px;
		margin-top: 0;
	}
}
</style>
