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.
83 lines
2.5 KiB
83 lines
2.5 KiB
<template>
|
|
<!-- 拼团 -->
|
|
<view class="img-list bottom-cell-group group-buying" v-if="jdata.options.colorGroup && count">
|
|
<view class='cell-item right-img'>
|
|
<view class='cell-item-hd group-title'>
|
|
{{jdata.params.title}}
|
|
</view>
|
|
</view>
|
|
<view class='swiper-grids' >
|
|
<scroll-view class='swiper-list' scroll-x="true">
|
|
<view class="img-list-item" v-if="item.goods_id !== 'undefined' && item.goods_id" v-for="(item, key) in jdata.options.colorGroup" :key="key">
|
|
<image class="img-list-item-l medium-img have-none" :src="item.goods_image" mode='aspectFill' @click="pintuanDetail(item.goods_id)"></image>
|
|
<view class="img-list-item-r medium-right">
|
|
<view class="goods-name list-goods-name" @click="pintuanDetail(item.goods_id)">{{item.goods_name}}</view>
|
|
<view class="goods-item-c">
|
|
<view class="goods-price red-price">￥{{item.pintuan_price}}</view>
|
|
<view class="goods-buy">
|
|
<view class="goods-salesvolume red-price" v-if="(item.pintuan_start_status == 1) && item.lasttime">剩余：<uni-countdown :day="item.lasttime.day" :hour="item.lasttime.hour" :minute="item.lasttime.minute" :second="item.lasttime.second"></uni-countdown></view>
|
|
<view class="goods-salesvolume red-price" v-if="item.pintuan_start_status == 3">已结束</view>
|
|
<view class="goods-salesvolume red-price" v-if="item.pintuan_start_status == 2">即将开团</view>
|
|
|
|
<image class="goods-cart" src="/static/image/ic-car.png" @click="pintuanDetail(item.goods_id)"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import uniCountdown from "@/components/uni-countdown/uni-countdown.vue"
|
|
import {goods} from '@/config/mixins.js'
|
|
export default {
|
|
mixins: [goods],
|
|
components:{uniCountdown},
|
|
name: "jshoppintuan",
|
|
props: {
|
|
jdata:{
|
|
// type: Array,
|
|
required: false,
|
|
}
|
|
},
|
|
computed: {
|
|
count() {
|
|
return (this.jdata.options.colorGroup.length > 0)
|
|
}
|
|
},
|
|
methods: {
|
|
},
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
.img-list, .img-grids {
|
|
background-color: #fff;
|
|
}
|
|
.cell-item{
|
|
border: none;
|
|
}
|
|
.group-buying .img-list-item{
|
|
min-height: 236upx;
|
|
padding: 20upx;
|
|
margin-left: 26upx;
|
|
margin-bottom: 26upx;
|
|
display: inline-table;
|
|
background-color: #f9f9f9;
|
|
}
|
|
.swiper-grids .img-list-item:last-child{
|
|
margin-right: 26upx;
|
|
}
|
|
|
|
/* .group-buying .goods-name{
|
|
min-height: 74upx;
|
|
} */
|
|
.group-buying .group-title{
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
</style>
|
|
|