duck/components/m-title.vue

<template>
	<view class="m-tap">
		<image :src="imgSrc" mode=""></image>
		<text class="iconfont iconenter">更多</text>
	</view>
<!-- 	<view class="">
		9999999999999
	</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>