<template>
	<view class="flex flex-wrap justify-center m-3">
		<image :src="list[0].pic" class="w-100" style=" height: 150rpx;" mode=""></image>
		<view class="flex w-100 bg-100 padding-xs" :style="{backgroundImage:'url('+bgi+')'}" mode="aspectFill" style="height: 230rpx;justify-content: space-evenly; ">
			<view class="good_item h-100 bg-100 " style="width: 23%;" v-for="(item,index) in list[0].childrenResource" :key="index" :style="{backgroundImage:'url('+item.bgPic+')'}">
				<image :src="item.pic" style="width: 100%; height: 65%; border-radius: 15%;" mode="aspectFill"></image>                            
				<view class="text-white text-center">
					<view class="text-sm">{{item.title}}</view>
					<view class="text-xs">{{item.subTitle}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	
	import indexBackgroundImage from "@/static/images/new/pingjia.gif"
	
	export default {
		data() {
			return {
				bgi:indexBackgroundImage,
				
				list: [{
					"id": 12355,
					"pic": "https://p0.meituan.net/mallimages/22b17afae7865debcb8bb69606fc19ae147034.gif",
					"jumpTargetType": 16,
					"needClip": false,
					"name": "1.18-1.19-广州年货节",
					"contentType": 1,
					"styleMap": {},
					"bgPic": "https://p0.meituan.net/mallimages/68839887f09ca0843be0661ba84f4de111227.gif",
					"childrenResource": [{
							"id": 12356,
							"pic": "https://p0.meituan.net/mallimages/7b69114101c5dc35ada290c89e581ce5260727.jpg",
							"jumpTargetType": 16,
							"targetUrl": "imaicai://www.maicai.com/web?future=1&url=https%3A%2F%2Fi.meituan.com%2Fawp%2Fhfe%2Fblock%2Fc0f017575182d9def2af%2F103435%2Findex.html%3FpoiId%3D1865",
							"needClip": false,
							"name": "",
							"title": "1.89元秒杀",
							"subTitle": "御寒滋补",
							"contentType": 1,
							"styleMap": {},
							"bgPic": "https://p0.meituan.net/mallimages/fde33b41cd967b40c33cae3e3b488b9f4892.png"
						},
						{
							"id": 12357,
							"pic": "https://p0.meituan.net/mallimages/b8e703d16a7a1cb491d3374962c44d51571511.png",
							"jumpTargetType": 16,
							"targetUrl": "imaicai://www.maicai.com/web?future=1&url=https%3A%2F%2Fi.meituan.com%2Fawp%2Fhfe%2Fblock%2Ff564e719cb80c51429f3%2F103673%2Findex.html%3FpoiId%3D1865",
							"needClip": false,
							"name": "",
							"title": "低至3.99元",
							"subTitle": "甜蜜水果",
							"contentType": 1,
							"styleMap": {},
							"bgPic": "https://p0.meituan.net/mallimages/fde33b41cd967b40c33cae3e3b488b9f4892.png"
						},
						{
							"id": 12358,
							"pic": "https://p0.meituan.net/mallimages/8773dc1fb4eb103ea36b3b3c6f57689b169059.jpg",
							"jumpTargetType": 16,
							"targetUrl": "imaicai://www.maicai.com/web?future=1&url=https%3A%2F%2Fi.meituan.com%2Fawp%2Fhfe%2Fblock%2F21556a8f83f1b45fc05f%2F103579%2Findex.html%3FpoiId%3D1865",
							"needClip": false,
							"name": "",
							"title": "两件85折",
							"subTitle": "品牌坚果",
							"contentType": 1,
							"styleMap": {},
							"bgPic": "https://p0.meituan.net/mallimages/fde33b41cd967b40c33cae3e3b488b9f4892.png"
						},
						{
							"id": 12359,
							"pic": "https://p0.meituan.net/mallimages/39b735d7804efdcc6a32bd90cc6b925f668358.png",
							"jumpTargetType": 16,
							"targetUrl": "imaicai://www.maicai.com/web?future=1&url=https%3A%2F%2Fi.meituan.com%2Fawp%2Fhfe%2Fblock%2F5e005b672f5681df12e2%2F103679%2Findex.html%3FpoiId%3D1865",
							"needClip": false,
							"name": "",
							"title": "买2送1",
							"subTitle": "人气酒饮",
							"contentType": 1,
							"styleMap": {},
							"bgPic": "https://p0.meituan.net/mallimages/fde33b41cd967b40c33cae3e3b488b9f4892.png"
						}
					]
				}],
			}
		},
		created() {



		},
		components: {},
		props: {},
		mounted() {

		},
		methods: {

		}
	}
</script>

<style>
</style>
