sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改搜索数据显示

master
于肖磊 2026-02-12 18:32:42 +08:00
parent 6e2ee49a8b
commit 7ec5dccc85
1 changed files with 17 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
pages/plugins/video/search/search.vue
View File

@ -30,7 +30,7 @@
</view> </view>
<!-- 推荐视频卡片区域 --> <!-- 推荐视频卡片区域 -->
<view class="recommend-videos"> <view class="recommend-videos">
<scroll-view scroll-y :show-scrollbar="false" class="recommend-scroll" @scrolltolower="on_scroll_lower_event" lower-threshold="60" scroll-with-animation="true"> <scroll-view scroll-y :show-scrollbar="false" class="recommend-scroll" @scrolltolower="on_scroll_lower_event" lower-threshold="150" scroll-with-animation="true" enhanced="true">
<template v-if="recommend_videos.length > 0"> <template v-if="recommend_videos.length > 0">
<view class="video-grid"> <view class="video-grid">
<view v-for="(item, index) in recommend_videos" :key="index" class="video-card" :data-value="item" @click="navigate_to_detail"> <view v-for="(item, index) in recommend_videos" :key="index" class="video-card" :data-value="item" @click="navigate_to_detail">
@ -47,14 +47,8 @@
</view> </view>
</view> </view>
</view> </view>
<template v-if="page < page_total"> <!-- 结尾 -->
<!-- 加载更多 --> <component-bottom-line :propStatus="goods_bottom_line_status"></component-bottom-line>
<loadingComponent v-if="is_more_loading"></loadingComponent>
</template>
<template v-else>
<!-- 结尾 -->
<component-bottom-line :propStatus="goods_bottom_line_status"></component-bottom-line>
</template>
</template> </template>
<template v-else> <template v-else>
<component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data> <component-no-data :propStatus="data_list_loding_status" :propMsg="data_list_loding_msg"></component-no-data>
@ -307,8 +301,8 @@ export default {
this.setData({ this.setData({
recommend_videos: this.recommend_videos, recommend_videos: this.recommend_videos,
page: new_page, page: new_page,
page_total: data.page_total, page_total: responseData.page_total,
goods_bottom_line_status: new_page >= data.page_total, goods_bottom_line_status: new_page >= responseData.page_total,
data_list_loding_status: 0 data_list_loding_status: 0
}) })
} else { } else {
@ -331,34 +325,12 @@ export default {
app.globalData.url_open(`/pages/plugins/video/detail/detail?id=${item.detailId}`, false); app.globalData.url_open(`/pages/plugins/video/detail/detail?id=${item.detailId}`, false);
}, },
on_scroll_lower_event() { on_scroll_lower_event() {
debugger; // 添加额外的检查条件
this.load_more(); if (this.page >= this.page_total) {
},
load_more() {
debugger;
// 加载更多数据的逻辑
if (this.is_more_loading) {
return; return;
} }
this.is_more_loading = true; // 加载更多数据
setTimeout(() => { this.load_recommend_videos();
// 假设这里加载了更多的视频数据
const data = this.recommend_videos;
const newVideos = [
{
thumbnail_url: 'http://shopxo.com/static/upload/images/plugins_homemiddleadv/2019/04/22/1555929400479636.jpg',
title: '新视频标题',
date: '2025-06-13',
likes: 1500,
detailId: '5'
}
];
data.push(...newVideos);
this.setData({
recommend_videos: data,
is_more_loading: false,
});
}, 20000);
}, },
toggle_filter_popup() { toggle_filter_popup() {
this.filter_popup_status = !this.filter_popup_status; this.filter_popup_status = !this.filter_popup_status;
@ -478,6 +450,10 @@ export default {
padding: 0 16rpx; padding: 0 16rpx;
column-count: 2; column-count: 2;
column-gap: 10px; column-gap: 10px;
/* 添加这些样式确保滚动事件能正常触发 */
min-height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
} }
.video-card { .video-card {
@ -566,6 +542,8 @@ export default {
} }
} }
.recommend-scroll { .recommend-scroll {
height: calc(100vh - 223rpx); /* 使用更精确的高度计算 */
height: calc(100vh - 240rpx); /* 增加一些高度确保滚动空间 */
min-height: 500px; /* 设置最小高度 */
} }
</style> </style>