Browse Source

瀑布流

master
Enzo 4 years ago
parent
commit
9359dc3a46
  1. 32
      components/lf-waterfall-shopdetails/lf-waterfall.vue

32
components/lf-waterfall-shopdetails/lf-waterfall.vue

@ -3,56 +3,56 @@
<u-waterfall v-model="dataList" ref="uWaterfall" v-for="itemFather of listlength" :key="itemFather" v-if="itemFather == tabindex"> <u-waterfall v-model="dataList" ref="uWaterfall" v-for="itemFather of listlength" :key="itemFather" v-if="itemFather == tabindex">
<template v-slot:left="{leftList}"> <template v-slot:left="{leftList}">
<view class="list-warter" v-for="(item, index) in leftList" :key="index"> <view class="list-warter" v-for="(item, index) in leftList" :key="index">
<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.collectable.img" :index="index">
<view class="list-label" v-if="ifsale">已售{{item.collectable.sale_count}}</view>
<view v-if="!item.is_ad" @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>
</u-lazy-load> </u-lazy-load>
<view class="lf-p-20"> <view class="lf-p-20">
<view class="list-title"> <view class="list-title">
{{item.collectable.name}}
{{item.title}}
</view> </view>
<view class="list-price"> <view class="list-price">
<!-- <text>{{item.price}}</text> --> <!-- <text>{{item.price}}</text> -->
<lf-price :price="item.collectable.sell_price"></lf-price>
<text class="lf-m-l-20 lf-font-24 lf-color-666 lf-line-through">{{item.collectable.market_price}}</text>
<lf-price :price="item.price"></lf-price>
<text class="lf-m-l-20 lf-font-24 lf-color-666 lf-line-through">{{item.original_price}}</text>
</view> </view>
</view> </view>
</view> </view>
<!-- <view v-else @click="goAd(item.type,item.url)">
<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> <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="lf-p-20">
<view class="list-title"> <view class="list-title">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
</view> -->
</view>
</view> </view>
</template> </template>
<template v-slot:right="{rightList}"> <template v-slot:right="{rightList}">
<view class="list-warter" v-for="(item, index) in rightList" :key="index"> <view class="list-warter" v-for="(item, index) in rightList" :key="index">
<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.collectable.img" :index="index">
<view class="list-label" v-if="ifsale">已售{{item.collectable.sale_count}}</view>
<view v-if="!item.is_ad" @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>
</u-lazy-load> </u-lazy-load>
<view class="lf-p-20"> <view class="lf-p-20">
<view class="list-title"> <view class="list-title">
{{item.collectable.name}}
{{item.title}}
</view> </view>
<view class="list-price"> <view class="list-price">
<!-- <text>{{item.price}}</text> --> <!-- <text>{{item.price}}</text> -->
<lf-price :price="item.collectable.sell_price"></lf-price>
<text class="lf-m-l-20 lf-font-24 lf-color-666 lf-line-through">{{item.collectable.market_price}}</text>
<lf-price :price="item.price"></lf-price>
<text class="lf-m-l-20 lf-font-24 lf-color-666 lf-line-through">{{item.original_price}}</text>
</view> </view>
</view> </view>
</view> </view>
<!-- <view v-else @click="goAd(item.type,item.url)">
<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> <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="lf-p-20">
<view class="list-title"> <view class="list-title">
{{item.title}} {{item.title}}
</view> </view>
</view> </view>
</view> -->
</view>
</view> </view>
</template> </template>
</u-waterfall> </u-waterfall>

Loading…
Cancel
Save