|
|
|
@ -3,54 +3,38 @@ |
|
|
|
<u-waterfall v-model="dataList" ref="uWaterfall" v-for="itemFather of listlength" :key="itemFather" v-if="itemFather == tabindex"> |
|
|
|
<template v-slot:left="{leftList}"> |
|
|
|
<view class="list-warter" v-for="(item, index) in leftList" :key="index"> |
|
|
|
<view v-if="!item.is_ad" @click="onClick(item.id)"> |
|
|
|
<view @click="onClick(item.id)"> |
|
|
|
<u-lazy-load threshold="-450" border-radius="8px 8px 0 0" :height="!ifsale?333:0" :img-mode="ifsale?'aspectFill':''" :image="item.picture" :index="index"> |
|
|
|
<view class="list-label" v-if="ifsale">已售{{item.sale}}</view> |
|
|
|
<view class="list-label">已兑{{item.sale}}</view> |
|
|
|
</u-lazy-load> |
|
|
|
<view class="lf-p-20"> |
|
|
|
<view class="list-title"> |
|
|
|
{{item.title}} |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<text class="lf-font-36 lf-color-primary lf-font-bold">8493</text> |
|
|
|
<text class="lf-font-36 lf-color-primary lf-font-bold">{{ item.store_nums }}</text> |
|
|
|
<text class="lf-font-24 lf-color-777 lf-m-l-10">个兑换</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-else @click="goAd(item.type,item.url)"> |
|
|
|
<u-lazy-load threshold="-450" border-radius="8px 8px 0 0" :image="item.picture" :index="index"></u-lazy-load> |
|
|
|
<view class="lf-p-20"> |
|
|
|
<view class="list-title"> |
|
|
|
{{item.title}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
<template v-slot:right="{rightList}"> |
|
|
|
<view class="list-warter" v-for="(item, index) in rightList" :key="index"> |
|
|
|
<view v-if="!item.is_ad" @click="onClick(item.id)"> |
|
|
|
<view @click="onClick(item.id)"> |
|
|
|
<u-lazy-load threshold="-450" border-radius="8px 8px 0 0" :height="!ifsale?333:0" :img-mode="ifsale?'aspectFill':''" :image="item.picture" :index="index"> |
|
|
|
<view class="list-label" v-if="ifsale">已售{{item.sale}}</view> |
|
|
|
<view class="list-label">已兑{{item.sale}}</view> |
|
|
|
</u-lazy-load> |
|
|
|
<view class="lf-p-20"> |
|
|
|
<view class="list-title"> |
|
|
|
{{item.title}} |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<text class="lf-font-36 lf-color-primary lf-font-bold">8493</text> |
|
|
|
<text class="lf-font-36 lf-color-primary lf-font-bold">{{ item.store_nums }}</text> |
|
|
|
<text class="lf-font-24 lf-color-777 lf-m-l-10">个兑换</text> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view v-else @click="goAd(item.type,item.url)"> |
|
|
|
<u-lazy-load threshold="-450" border-radius="8px 8px 0 0" :image="item.picture" :index="index"></u-lazy-load> |
|
|
|
<view class="lf-p-20"> |
|
|
|
<view class="list-title"> |
|
|
|
{{item.title}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</u-waterfall> |
|
|
|
@ -119,7 +103,7 @@ |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
onClick(id){ |
|
|
|
this.$url('/pages/shop/goodsdetail?type=point&goods_id='+id); |
|
|
|
this.$url('/pages/shop/goodsdetail?type=point&id='+id); |
|
|
|
this.$emit('click'); |
|
|
|
}, |
|
|
|
goAd(type,url){ |
|
|
|
|