<template>
	<div class="app-vip-module">
		<img class="vip-img" :src="`${this.$constant.imgUrl}/retail/interest/vip.png`" alt mode="widthFix" />
		<div class="vip-text">{{ text }}</div>
	</div>
</template>

<script>
export default {
	name: 'app-vip-module',
	props: {
		text: {
			type: String,
			default: 'VIP'
		}
	},
	data() {
		return {
			constant: this.$constant
		}
	}
}
</script>

<style lang="scss" scoped>
	.app-vip-module {
		position: relative;
        width: 104px;
		.vip-img {
            width: 100%;
		}
		.vip-text {
			position: absolute;
			top: 2px;
			left: 46px;
			color: #fff;
			transform: scale(0.9);
		}
	}
</style>
