|
@@ -44,7 +44,12 @@ function getRankNumber(index: number) {
|
|
|
}
|
|
|
|
|
|
// 搜索结果
|
|
|
-const dataList = ref([])
|
|
|
+const data = ref<any>({
|
|
|
+ users: {
|
|
|
+ list: [],
|
|
|
+ },
|
|
|
+ updateTime: '',
|
|
|
+})
|
|
|
async function queryList(pageNo: number, pageSize: number) {
|
|
|
try {
|
|
|
const res = await redEnvelopeTop({
|
|
@@ -52,7 +57,8 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
page: pageNo,
|
|
|
type: 1,
|
|
|
})
|
|
|
- paging.value.complete(res.data.list)
|
|
|
+ data.value = res.data
|
|
|
+ paging.value.complete(res.data.users.list)
|
|
|
}
|
|
|
catch {
|
|
|
paging.value.complete(false)
|
|
@@ -61,7 +67,7 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
</script>
|
|
|
|
|
|
<template>
|
|
|
- <z-paging ref="paging" v-model="dataList" use-page-scroll @query="queryList">
|
|
|
+ <z-paging ref="paging" v-model="data.users.list" use-page-scroll @query="queryList">
|
|
|
<template #top>
|
|
|
<view
|
|
|
class="relative from-[#FA2B19] to-[#FE6232] bg-gradient-to-br"
|
|
@@ -82,9 +88,9 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
</template>
|
|
|
<view>
|
|
|
<view class="py-22rpx text-center text-22rpx text-#5C5C5C">
|
|
|
- 2025.05.05 Update
|
|
|
+ {{ data.updateTime || '-' }} Update
|
|
|
</view>
|
|
|
- <view v-for="(item, index) in dataList" :key="index" class="relative mb-20rpx flex items-center justify-between bg-white p-24rpx">
|
|
|
+ <view v-for="(item, index) in data.users.list" :key="index" class="relative mb-20rpx flex items-center justify-between bg-white p-24rpx">
|
|
|
<!-- 左上角TOP标签 -->
|
|
|
<view
|
|
|
class="absolute left-24rpx top-0 h-52rpx w-48rpx flex items-center justify-center rounded-4rpx text-20rpx text-white font-bold"
|
|
@@ -101,17 +107,17 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
</view>
|
|
|
<view class="w-30% flex flex-col items-center justify-center text-center font-bold">
|
|
|
<wd-img width="80rpx" height="80rpx" round :src="item.headPic" />
|
|
|
- <view class="text-28rpx">
|
|
|
+ <view class="mb-3px text-28rpx">
|
|
|
{{ item.name }}
|
|
|
</view>
|
|
|
<view class="text-24rpx">
|
|
|
V{{ item.vipLevel }}
|
|
|
</view>
|
|
|
</view>
|
|
|
- <wd-divider dashed custom-class="h-80rpx! mx-40rpx!" color="#A4A4A4" vertical />
|
|
|
+ <wd-divider custom-class="h-80rpx! mx-40rpx!" color="#A4A4A4" vertical dashed />
|
|
|
<view class="grid grid-cols-2 flex-1 gap-24rpx">
|
|
|
<view class="flex flex-col items-center">
|
|
|
- <view class="text-22rpx text-#5B5B5B">
|
|
|
+ <view class="mb-3px text-22rpx text-#5B5B5B">
|
|
|
{{ $t('topChampions.invitedFriends') }}
|
|
|
</view>
|
|
|
<view class="text-26rpx font-bold">
|
|
@@ -119,7 +125,7 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex flex-col items-center">
|
|
|
- <view class="text-22rpx text-#5B5B5B">
|
|
|
+ <view class="mb-3px text-22rpx text-#5B5B5B">
|
|
|
{{ $t('topChampions.l7dEarnings') }}
|
|
|
</view>
|
|
|
<view class="text-26rpx text-[var(--wot-color-theme)] font-bold">
|
|
@@ -127,7 +133,7 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex flex-col items-center">
|
|
|
- <view class="text-22rpx text-#5B5B5B">
|
|
|
+ <view class="mb-3px text-22rpx text-#5B5B5B">
|
|
|
{{ $t('topChampions.teamMembers') }}
|
|
|
</view>
|
|
|
<view class="text-26rpx font-bold">
|
|
@@ -135,7 +141,7 @@ async function queryList(pageNo: number, pageSize: number) {
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="flex flex-col items-center">
|
|
|
- <view class="text-22rpx text-#5B5B5B">
|
|
|
+ <view class="mb-3px text-22rpx text-#5B5B5B">
|
|
|
{{ $t('topChampions.joinedGroups') }}
|
|
|
</view>
|
|
|
<view class="text-26rpx font-bold">
|