duck/components/m-title.vue

<template>
	<view class="m-tap">
		<template v-if="num == 0">
			<image src="~@/static/img/seckill.png" mode=""></image>
		</template>
		<template else-if="num == 1">
			<image src="~@/static/img/seckill.png" mode=""></image>
		</template>
		<template else="num == 2">
			<image src="~@/static/img/seckill.png" mode=""></image>
		</template>
		<text class="iconfont iconenter">更多</text>
	</view>
</template>

<script>
export default {
	name: 'm-title',
	data() {
		return {
			imgUrl: [
				'~@/static/img/seckill.png','~@/static/img/groupBooking.png','~@/static/img/exchange.png'
			]
		};
	},
	props: {
		num: {
			type: String,
			default: '0'
		}
	},
	computed: {
		imgSrc() {
			return this.imgUrl[this.num*1]
		}
	}
};
</script>

<style lang="scss">
.m-tap {
	height: 66rpx;
	margin-top: 49rpx;
	display: flex;
	position: relative;
	image {
		width: 295rpx;
		height: 66rpx;
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.iconenter {
		font-size: 26rpx;
		color: $font-color-light;
		position: absolute;
		right: 25rpx;
		top: 21rpx;
	}
	
}
</style>