|
|
|
@ -3,6 +3,7 @@ |
|
|
|
|
<mescroll-body ref="mescrollRef" :sticky="true" @init="mescrollInit" :down="{ native: true,auto: false}" |
|
|
|
|
@down="downCallback" :up="upOption" @up="upCallback"> |
|
|
|
|
<!-- 页面头部 --> |
|
|
|
|
<view class="head"> |
|
|
|
|
<view class="header"> |
|
|
|
|
<view class="search"> |
|
|
|
|
<search :tips="options.search ? options.search : '搜索商品'" @event="handleSearch" /> |
|
|
|
@ -64,7 +65,8 @@ |
|
|
|
|
</view> --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
<view class="blank"></view> |
|
|
|
|
<!-- 商品列表 --> |
|
|
|
|
<view class="goods-list clearfix" :class="['column-' + (showView ? '1' : '2')]"> |
|
|
|
|
<view v-if="showView"> |
|
|
|
@ -372,9 +374,10 @@ |
|
|
|
|
this.keyName2 = item.name |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
this.list.data = [] |
|
|
|
|
this.$refs.uWaterfall1.clear(); |
|
|
|
|
this.getGoodsList() |
|
|
|
|
this.list.data = [] |
|
|
|
|
this.list = [] |
|
|
|
|
this.mescroll.resetUpScroll() |
|
|
|
|
}, |
|
|
|
|
/** |
|
|
|
|
* 上拉加载的回调 (页面初始化时也会执行一次) |
|
|
|
@ -542,7 +545,18 @@ |
|
|
|
|
::v-deep .u-empty { |
|
|
|
|
padding: 100rpx 0; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.head{ |
|
|
|
|
width: 100%; |
|
|
|
|
overflow: hidden; |
|
|
|
|
background-color: #fff; |
|
|
|
|
position: fixed; |
|
|
|
|
z-index: 99; |
|
|
|
|
width: 100%; |
|
|
|
|
left: 0; |
|
|
|
|
} |
|
|
|
|
.blank{ |
|
|
|
|
height: 416rpx; |
|
|
|
|
} |
|
|
|
|
// 页面头部 |
|
|
|
|
.header { |
|
|
|
|
background-color: #fff; |
|
|
|
@ -572,12 +586,8 @@ |
|
|
|
|
|
|
|
|
|
// 排序组件 |
|
|
|
|
.store-sort { |
|
|
|
|
position: sticky; |
|
|
|
|
top: var(--window-top); |
|
|
|
|
background-color: #fff; |
|
|
|
|
color: #000; |
|
|
|
|
z-index: 99; |
|
|
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
.store-box { |
|
|
|
|
display: flex; |
|
|
|
|
padding: 20rpx 0; |
|
|
|
|