53 lines
1.4 KiB
Vue
53 lines
1.4 KiB
Vue
<template>
|
|
<view class="disjbac fw">
|
|
<view class="width47 mar-s50 posir" v-for="(item,index) in list" :key="index">
|
|
<image :src="item.imgSrc" mode="aspectFill" style="width: 100%;height: 312rpx;border-radius: 30rpx;"></image>
|
|
<view class="clips2 fon30 col0 linh50" style="height: 100rpx;">{{item.title}}</view>
|
|
<view class="fon30 colpeili">￥{{item.price}}</view>
|
|
<view v-if="item.isActivity" class="posia fon24 colf pad-zy10 pad-s10 pad-x20" style="background: url(/static/public/icon-time-limit.png) no-repeat;background-size: 100% 100%;top: 10rpx;right: 10rpx;">限时优惠</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
name:"list-two",
|
|
props:{
|
|
list:{
|
|
type:Array,
|
|
default:()=>{
|
|
return [
|
|
{
|
|
imgSrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',
|
|
title:'于亿年宝藏中臻选1的宝石级钻石每年开采数',
|
|
price:'2,000',
|
|
isActivity:true,
|
|
},
|
|
{
|
|
imgSrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',
|
|
title:'于亿年宝藏中臻选1的宝石级钻石每年开采数',
|
|
price:'2,000',
|
|
isActivity:false,
|
|
},
|
|
{
|
|
imgSrc:'https://s6.jpg.cm/2022/02/14/L4oDhy.jpg',
|
|
title:'于亿年宝藏中臻选1的宝石级钻石每年开采数',
|
|
price:'2,000',
|
|
isActivity:false,
|
|
}
|
|
]
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
|
|
};
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
|
|
</style>
|