<script>
export default {
	inject: ['goMenuPage'],
	props: {
		menuData: {
			type: Array,
			default: () => []
		}
	}
};
</script>

<template>
	<view class="px-20 grid-column-3 grid-gap-24rpx mt-20">
		<view class="flex-col flex-center bg--w111-fff h-220 rd-24rpx" 
			v-for="(item, index) in menuData" :key="index" 
			@tap="goMenuPage(item.url, item.name)">
			<image :src="item.pic" class="w-64 h-64 block mb-16"></image>
			<view class="fs-26 lh-36rpx">{{ item.name }}</view>
		</view>
	</view>
</template>
