hy/aslan-h5
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(新年活动): 调整排行榜的上拉加载功能

Browse Source
This commit is contained in:
hzj 2026-01-04 15:07:34 +08:00
parent 321afe1ee7
commit 777d964b50
1 changed files with 15 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/Activities/NewYear/index.vue
View File

@ -1722,8 +1722,12 @@ const formatRechargeAmount = (amount) => {
const RankingLoadmore = ref(null) //触底模块 const RankingLoadmore = ref(null) //触底模块
const rankingPageNo = ref(1) //分页页码 const rankingPageNo = ref(1) //分页页码
const ranking = ref([]) //排行榜 const ranking = ref([]) //原始排行榜
const rankingAdd = ref([]) //加载排行榜项 const rankingAdd = ref([]) //加载排行榜项
// 完整排行榜
const rankingTotal = computed(() => {
return [...ranking.value, ...rankingAdd.value]
})
const myRanking = ref({}) //我的排名 const myRanking = ref({}) //我的排名
const topImg = ref([ const topImg = ref([
imageUrl('RewardRecharge100'), imageUrl('RewardRecharge100'),
@ -1736,22 +1740,21 @@ const topImg = ref([
// 处理排行榜小于3人时的情况 // 处理排行榜小于3人时的情况
const RankingHasTop3 = computed(() => { const RankingHasTop3 = computed(() => {
let RankingFrom4 = [...ranking.value] let RankingTop3 = [...rankingTotal.value]
if (ranking.value.length < 3) { if (rankingTotal.value.length < 3) {
let addNullUser = Array.from({ length: 3 - ranking.value.length }, () => ({ let addNullUser = Array.from({ length: 3 - rankingTotal.value.length }, () => ({
userAvatar: '', userAvatar: '',
userName: 'aaaaaa', userName: '',
amount: '11111', amount: '',
})) }))
RankingFrom4.push(...addNullUser) RankingTop3.push(...addNullUser)
} }
return RankingFrom4 return RankingTop3
}) })
// 展示用的榜单 // 展示用的榜单
const showRanking = computed(() => { const showRanking = computed(() => {
// return ranking.value.filter((_, index) => index >= 3) return rankingTotal.value.filter((_, index) => index >= 3)
return [...ranking.value.filter((_, index) => index >= 3), ...rankingAdd.value]
// return [] // return []
}) })
@ -2210,7 +2213,7 @@ const getRanking = async () => {
if (resRanking.status && resRanking.body) { if (resRanking.status && resRanking.body) {
myRanking.value = resRanking.body?.currentUser //我的排名信息 myRanking.value = resRanking.body?.currentUser //我的排名信息
if (resRanking.body.topList.length != 0) { if (resRanking.body.topList.length > 0) {
if (resRanking.body.topList.length == 20) { if (resRanking.body.topList.length == 20) {
rankingAdd.value = [] rankingAdd.value = []
ranking.value.push(...resRanking.body?.topList) ranking.value.push(...resRanking.body?.topList)
@ -2660,7 +2663,7 @@ const debouceGetRanking = useThrottle(() => {
// IntersectionObserver配置 // IntersectionObserver配置
const observer = new IntersectionObserver((entries) => { const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => { entries.forEach((entry) => {
if (entry.intersectionRatio > 0 && ranking.value.length != 0) { if (entry.intersectionRatio > 0 && rankingTotal.value.length != 0) {
console.log('触发RankingLoadmore加载') console.log('触发RankingLoadmore加载')
debouceGetRanking() debouceGetRanking()
} }