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:
@@ -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 = (
|
||||
|
||||
Reference in New Issue
Block a user