首页轮播图加判断渲染图片,首页瀑布流广告图片加加载后再修改瀑布流

This commit is contained in:
A1300399510
2024-09-29 14:25:15 +08:00
parent 89b261b0bb
commit 7fdd7434af
46 changed files with 41 additions and 26 deletions

View File

@@ -137,7 +137,7 @@
</div>
</div>
</div>
<indexWaterfallBox v-for="(item, i) in waterfallList" :data="item" :key="i"></indexWaterfallBox>
<indexWaterfallBox v-for="(item, i) in waterfallList" :data="item" :key="i" :listMasonryInstance="listMasonryInstance"></indexWaterfallBox>
</div>
</div>
</div>
@@ -243,9 +243,10 @@ let loadText = ref('下拉加载更多')
//瀑布流数据
let getRecommendList = () => {
loadText.value = '加载中.....'
const limit = 30
api.recommendList({
page: pages.value,
limit: 30,
limit,
type: ListSelectBtn.selectType,
pagevalue: pagevalue.value
}).then(res => {
@@ -257,7 +258,7 @@ let getRecommendList = () => {
pagevalue.value = res.data.pagevalue
}
if (res.data.data.length >= 30) {
if (res.data.data.length >= limit) {
loadMore.value = true
loadText.value = '下拉加载更多'
} else {
@@ -265,7 +266,6 @@ let getRecommendList = () => {
loadText.value = '到底了'
}
nextTick(() => {
listMasonryInstance.reloadItems();
listMasonryInstance.layout();