...
|
...
|
@@ -11,7 +11,7 @@ |
|
|
@on-inited="onInited">
|
|
|
<template v-slot:eternalTop>
|
|
|
<TopicBanner ref="topicBanner" :data="topicSimpleInfo" :share="share" @on-follow="onFollowTopic"></TopicBanner>
|
|
|
<TopicTabBlock :active-type="activeTopicListType" @on-change-tab="onChangeTab"></TopicTabBlock>
|
|
|
<TopicTabBlock ref="tabBlock" :active-type="activeTopicListType" @on-change-tab="onChangeTab"></TopicTabBlock>
|
|
|
</template>
|
|
|
<template class="article-item" #item="{ data }">
|
|
|
<ArticleItem2
|
...
|
...
|
@@ -121,6 +121,8 @@ export default { |
|
|
this.SET_STATUS_BAR_COLOR({
|
|
|
color: 'white'
|
|
|
});
|
|
|
|
|
|
this.setListMinHeight();
|
|
|
},
|
|
|
computed: {
|
|
|
...mapYohoState(['yoho']),
|
...
|
...
|
@@ -173,6 +175,13 @@ export default { |
|
|
this.scrollTop = scrollTop || 0;
|
|
|
this.scrollEvent({item, scrollTop, startIndex, items});
|
|
|
},
|
|
|
setListMinHeight() {
|
|
|
let minHeight = document.body.clientHeight - get(this.$refs, 'header.$el.offsetHeight', 0) - get(this.$refs, 'tabBlock.$el.offsetHeight', 0) - 40;
|
|
|
|
|
|
if (minHeight) {
|
|
|
this.$refs.scroll.$el.querySelector('.scroll-reveal-list').style.minHeight = minHeight + 'px';
|
|
|
}
|
|
|
},
|
|
|
updateHeadAnimateStep(scrollTop) {
|
|
|
if (this.scrollTop === scrollTop) {
|
|
|
return;
|
...
|
...
|
|