<template>
	<view class="home-icon">
		<view class="home-icon-item" v-for="(item,index) in list" :key="index">
			<image style="width: 100%;height: 100%;" :src="item" mode=""></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			list: {
				type: Array,
				default: () => []
			}
		},
		name: "homeIcon",
		data() {
			return {

			};
		}
	}
</script>

<style scoped lang="scss">
	.home-icon {
		display: flex;
	}

	.home-icon-item {
		width: 64rpx;
		height: 64rpx;
	}

	.home-icon-item:nth-child(2) {
		transform: translate(-50%, 0)
	}

	.home-icon-item:nth-child(3) {
		transform: translate(-100%,0)
	}
</style>