wangmingchuan
/
yanzong_qianduan
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

商品列表去除瀑布流

Browse Source
main
wangdong 6 months ago
parent 06a0c301ee
commit 47e7801d4a
1 changed files with 22 additions and 21 deletions
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Show Stats Download Patch File Download Diff File
  1. 43
      pages/goods/list.vue

43
pages/goods/list.vue
Unescape View File

@ -109,9 +109,9 @@
</view> </view>
</view> </view>
<view v-else> <view v-else>
<u-waterfall v-model="list.data" ref="uWaterfall1"> <!-- <u-waterfall v-model="list.data" ref="uWaterfall1"> -->
<template v-slot:left="{leftList}"> <!-- <template v-slot:left="{leftList}"> -->
<view class="goods-item goods-item1" v-for="(item, index) in leftList" :key="index" <view class="goods-item goods-item1" v-for="(item, index) in list.data" :key="index"
@click="onTargetDetail(item.goods_id)"> @click="onTargetDetail(item.goods_id)">
<!-- 多列显示 --> <!-- 多列显示 -->
<view class=""> <view class="">
@ -165,23 +165,19 @@
</view> </view>
</view> </view>
</view> </view>
</template> <!-- </template> -->
<template v-slot:right="{rightList}"> <!-- <template v-slot:right="{rightList}">
<view class="goods-item goods-item1" v-for="(item, index) in rightList" :key="index" <view class="goods-item goods-item1" v-for="(item, index) in rightList" :key="index"
@click="onTargetDetail(item.goods_id)"> @click="onTargetDetail(item.goods_id)">
<!-- 多列显示 -->
<view class=""> <view class="">
<!-- 商品图片 -->
<view class="goods-image"> <view class="goods-image">
<image class="image" mode="aspectFill" :src="item.goods_image"></image> <image class="image" mode="aspectFill" :src="item.goods_image"></image>
<!-- <u-lazy-load threshold="0" border-radius="10" image-mode="aspectFill" :loading-img="item.goods_image" :image="item.goods_image" :index="index"></u-lazy-load> --> <u-lazy-load threshold="0" border-radius="10" image-mode="aspectFill" :loading-img="item.goods_image" :image="item.goods_image" :index="index"></u-lazy-load>
</view> </view>
<view class="detail" style="padding-top: 10rpx;"> <view class="detail" style="padding-top: 10rpx;">
<!-- 商品名称 -->
<view class="goods-name"> <view class="goods-name">
<text>{{ item.goods_name }}</text> <text>{{ item.goods_name }}</text>
</view> </view>
<!-- 商品价格 -->
<view class="shenBox"> <view class="shenBox">
<view class="detail-price oneline-hide"> <view class="detail-price oneline-hide">
<text class="goods-price f-30 col-m"><text <text class="goods-price f-30 col-m"><text
@ -194,12 +190,12 @@
mode=""> mode="">
</image> </image>
</view> </view>
<!-- <view class="goodsInfo" v-if="item.cmmdty_model"> <view class="goodsInfo" v-if="item.cmmdty_model">
<view class="oneTip"> <view class="oneTip">
{{item.cmmdty_model}} {{item.cmmdty_model}}
</view> </view>
</view> --> </view>
<!-- <view class="goodsSend"> <view class="goodsSend">
<view class="sendLeft"> <view class="sendLeft">
<view class="left_1"> <view class="left_1">
{{item.goods_source}} {{item.goods_source}}
@ -217,12 +213,12 @@
<text v-if="item.delivery_time==5">30天内发货</text> <text v-if="item.delivery_time==5">30天内发货</text>
<text v-if="item.delivery_time==6">45天内发货</text> <text v-if="item.delivery_time==6">45天内发货</text>
</view> </view>
</view> --> </view>
</view> </view>
</view> </view>
</view> </view>
</template> </template> -->
</u-waterfall> <!-- </u-waterfall> -->
</view> </view>
<view style="margin-top: 250rpx;" v-if=" total == 0"> <view style="margin-top: 250rpx;" v-if=" total == 0">
<u-empty text="暂无数据显示哦～" mode="list"></u-empty> <u-empty text="暂无数据显示哦～" mode="list"></u-empty>
@ -327,7 +323,7 @@
multiChange(e) { multiChange(e) {
this.multiIndex = Number(e.detail.value) this.multiIndex = Number(e.detail.value)
// 刷新列表数据 // 刷新列表数据
this.$refs.uWaterfall1.clear(); // this.$refs.uWaterfall1.clear();
this.list.data = [] this.list.data = []
this.list = [] this.list = []
//this.list = getEmptyPaginateObj() //this.list = getEmptyPaginateObj()
@ -348,7 +344,7 @@
if (this.options.categoryId) { if (this.options.categoryId) {
that.onChage(that.tabbar[0], 1, 0) that.onChage(that.tabbar[0], 1, 0)
} else { } else {
this.$refs.uWaterfall1.clear(); // this.$refs.uWaterfall1.clear();
this.list.data = [] this.list.data = []
this.list = [] this.list = []
this.mescroll.resetUpScroll() this.mescroll.resetUpScroll()
@ -390,7 +386,7 @@
this.keyName2 = item.name this.keyName2 = item.name
} }
} }
this.$refs.uWaterfall1.clear(); // this.$refs.uWaterfall1.clear();
this.list.data = [] this.list.data = []
this.list = [] this.list = []
this.mescroll.resetUpScroll() this.mescroll.resetUpScroll()
@ -481,7 +477,7 @@
if (newSortType != 'city') { if (newSortType != 'city') {
const newSortPrice = newSortType === 'price' ? !app.sortPrice : true const newSortPrice = newSortType === 'price' ? !app.sortPrice : true
app.sortPrice = newSortPrice app.sortPrice = newSortPrice
app.$refs.uWaterfall1.clear(); // app.$refs.uWaterfall1.clear();
app.list.data = [] app.list.data = []
app.list = [] app.list = []
app.mescroll.resetUpScroll() app.mescroll.resetUpScroll()
@ -741,6 +737,11 @@
// 平铺显示 // 平铺显示
.goods-list.column-2 { .goods-list.column-2 {
>view {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.goods-item { .goods-item {
// width: 50%; // width: 50%;
} }
@ -753,7 +754,7 @@
.goods-item { .goods-item {
background: #FFFFFF; background: #FFFFFF;
box-sizing: border-box; box-sizing: border-box;
margin: 20rpx 14rpx 0rpx 0; margin: 20rpx 0 0rpx 0;
border-radius: 8rpx; border-radius: 8rpx;

Write Preview
Loading…
Cancel
Save