...
|
...
|
@@ -25,9 +25,9 @@ |
|
|
<div ref="scrollNav" class="scroll-nav-wrap" v-if="navList.length">
|
|
|
<ScrollNav :list="navList" :current="active" @transfer="getIndex"></ScrollNav>
|
|
|
</div>
|
|
|
<div class="list-wrap">
|
|
|
<ProductList ref="product" :list="productList.list" :yasParams="listYasParams" v-if="productList.list.length > 0"></ProductList>
|
|
|
<UfoNoItem class="channel-no-item" :style="noItemStyle" :tip="`暂无数据`" v-else></UfoNoItem>
|
|
|
<div class="list-wrap" :style="minHeight">
|
|
|
<ProductList ref="product" :list="productList.list" yasEventName="XY_UFO_MAIN_EVENT" :yasParams="listYasParams" v-if="productList.list.length > 0"></ProductList>
|
|
|
<UfoNoItem class="channel-no-item" :style="'height:' +total+'px'" :tip="`暂无数据`" v-else></UfoNoItem>
|
|
|
</div>
|
|
|
</div>
|
|
|
</LayoutScroll>
|
...
|
...
|
@@ -122,9 +122,9 @@ export default { |
|
|
F_INDEX: index + 1
|
|
|
};
|
|
|
},
|
|
|
noItemStyle() {
|
|
|
minHeight() {
|
|
|
return {
|
|
|
height: this.total + 'px'
|
|
|
minHeight: this.total + 'px'
|
|
|
};
|
|
|
}
|
|
|
},
|
...
|
...
|
@@ -300,7 +300,7 @@ export default { |
|
|
}
|
|
|
},
|
|
|
getIndex({index, params}) {
|
|
|
this.selectedCategory = params;
|
|
|
this.selectedCategory = params;minHeight
|
|
|
this.active = Number(index);
|
|
|
this.isShow && this.$refs.scroll.scrollTo(this.navTop);
|
|
|
|
...
|
...
|
@@ -308,7 +308,7 @@ export default { |
|
|
this.guessLikeListParams({index, ...params});
|
|
|
|
|
|
// 商品列表曝光
|
|
|
this.listScrollY > 0 && this.$refs.product && this.$refs.product.yasShowEvent(this.yasHeight);
|
|
|
this.productList.list.length > 0 && this.listScrollY > 0 && this.$refs.product && this.$refs.product.yasShowEvent(this.yasHeight);
|
|
|
},
|
|
|
scrollEndHandler({y}) {
|
|
|
let scrollHeight = Math.abs(y);
|
...
|
...
|
@@ -455,7 +455,6 @@ export default { |
|
|
.yohoufo-channel-page {
|
|
|
background-color: #fefefe;
|
|
|
}
|
|
|
|
|
|
.scroll-nav-wrap {
|
|
|
position: relative;
|
|
|
|
...
|
...
|
|