|
@@ -8,7 +8,6 @@
|
|
|
</app-navbar>
|
|
</app-navbar>
|
|
|
</template>
|
|
</template>
|
|
|
<Banner :data-list="bannerList" @click="onBannerClick" v-if="bannerList.length" />
|
|
<Banner :data-list="bannerList" @click="onBannerClick" v-if="bannerList.length" />
|
|
|
- <Divider v-if="startList.length != 0">正在抢购</Divider>
|
|
|
|
|
<template v-if="isWaterfall">
|
|
<template v-if="isWaterfall">
|
|
|
<Waterfall class="g-goods-waterfall" :data-list="startList">
|
|
<Waterfall class="g-goods-waterfall" :data-list="startList">
|
|
|
<template #default="{ item }">
|
|
<template #default="{ item }">
|
|
@@ -31,7 +30,7 @@
|
|
|
<Waterfall class="g-goods-waterfall" :data-list="endList">
|
|
<Waterfall class="g-goods-waterfall" :data-list="endList">
|
|
|
<template #default="{ item }">
|
|
<template #default="{ item }">
|
|
|
<div class="goods" @click="toDetail(item)">
|
|
<div class="goods" @click="toDetail(item)">
|
|
|
- <div class="goods-image">
|
|
|
|
|
|
|
+ <div class="goods-image mask">
|
|
|
<img :src="getFileUrl(item.attachmenturl)" />
|
|
<img :src="getFileUrl(item.attachmenturl)" />
|
|
|
</div>
|
|
</div>
|
|
|
<div class="goods-info">
|
|
<div class="goods-info">
|
|
@@ -48,31 +47,37 @@
|
|
|
</template>
|
|
</template>
|
|
|
<template v-else>
|
|
<template v-else>
|
|
|
<ul class="g-goods-list">
|
|
<ul class="g-goods-list">
|
|
|
- <li class="list-item g-block--bg" v-for="(item, index) in startList" :key="index" @click="toDetail(item)">
|
|
|
|
|
|
|
+ <li class="list-item" v-for="(item, index) in startList" :key="index" @click="toDetail(item)">
|
|
|
<div class="img"><img :src="getFirstImage(item.attachmenturl)" /></div>
|
|
<div class="img"><img :src="getFirstImage(item.attachmenturl)" /></div>
|
|
|
<div class="info">
|
|
<div class="info">
|
|
|
<div class="title"><span>{{ item.goodscode }}/{{ item.goodsname }}</span></div>
|
|
<div class="title"><span>{{ item.goodscode }}/{{ item.goodsname }}</span></div>
|
|
|
- <div class="desc"><span>{{ item.starttime }} - {{ item.endtime }}</span></div>
|
|
|
|
|
<div class="price">
|
|
<div class="price">
|
|
|
<Tag type="danger" plain>预售价</Tag>
|
|
<Tag type="danger" plain>预售价</Tag>
|
|
|
<span class="unit">¥</span>
|
|
<span class="unit">¥</span>
|
|
|
<span class="integer">{{ item.refprice }}</span>
|
|
<span class="integer">{{ item.refprice }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="desc">
|
|
|
|
|
+ <span>开始:{{ item.starttime }}</span>
|
|
|
|
|
+ <span>结束:{{ item.endtime }}</span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|
|
|
<Divider>发售历史</Divider>
|
|
<Divider>发售历史</Divider>
|
|
|
<ul class="g-goods-list">
|
|
<ul class="g-goods-list">
|
|
|
- <li class="list-item g-block--bg" v-for="(item, index) in endList" :key="index" @click="toDetail(item)">
|
|
|
|
|
- <div class="img"><img :src="getFirstImage(item.attachmenturl)" /></div>
|
|
|
|
|
|
|
+ <li class="list-item" v-for="(item, index) in endList" :key="index" @click="toDetail(item)">
|
|
|
|
|
+ <div class="img mask"><img :src="getFirstImage(item.attachmenturl)" /></div>
|
|
|
<div class="info">
|
|
<div class="info">
|
|
|
<div class="title"><span>{{ item.goodscode }}/{{ item.goodsname }}</span></div>
|
|
<div class="title"><span>{{ item.goodscode }}/{{ item.goodsname }}</span></div>
|
|
|
- <div class="desc"><span>{{ item.starttime }} - {{ item.endtime }}</span></div>
|
|
|
|
|
<div class="price">
|
|
<div class="price">
|
|
|
<Tag type="danger" plain>预售价</Tag>
|
|
<Tag type="danger" plain>预售价</Tag>
|
|
|
<span class="unit">¥</span>
|
|
<span class="unit">¥</span>
|
|
|
<span class="integer">{{ item.refprice }}</span>
|
|
<span class="integer">{{ item.refprice }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
+ <div class="desc">
|
|
|
|
|
+ <span>开始:{{ item.starttime }}</span>
|
|
|
|
|
+ <span>结束:{{ item.endtime }}</span>
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
</div>
|
|
|
</li>
|
|
</li>
|
|
|
</ul>
|
|
</ul>
|