feat(sponsorList): add mobile view and statistics panel

This commit introduces a new mobile-first version of the sponsor list page.

Key features:
- A responsive layout optimized for mobile devices.
- A statistics panel showing total sponsors, contribution amounts, and type distribution.
- Category filtering via a bottom navigation bar.

Additionally, the special sponsor message is now loaded from `sponsorList.json` to centralize data for both desktop and mobile views.
This commit is contained in:
xiaomai
2025-11-13 06:56:29 +08:00
parent 0b267aa524
commit ba744f3381
4 changed files with 537 additions and 3 deletions

View File

@@ -232,9 +232,7 @@
const eventTitle = ref("");
const logos = ref([]);
const sponsorList = ref([]); // Load from JSON
const specialSponsor = ref(
"感谢 V World2.0 的特别赞助,现在下载 APP 并进行实名认证即可获得 RM50 的登录奖励!"
);
const specialSponsor = ref("");
const typePriority = {
cash: 4,
@@ -271,6 +269,7 @@
}
const sponsorListJsonData = await sponsorListResult.json();
eventTitle.value = sponsorListJsonData.eventTitle || "活动名称";
specialSponsor.value = sponsorListJsonData.specialSponsor || "";
logos.value = sponsorListJsonData.logos || [];
sponsorList.value = (