You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
108 lines
3.7 KiB
108 lines
3.7 KiB
<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>
|