From 2e5ba93083fbe15e961ee32d01c7047908d24c67 Mon Sep 17 00:00:00 2001 From: xiaomai Date: Thu, 13 Nov 2025 08:30:34 +0800 Subject: [PATCH] feat(sponsorList): add 'Designed by' remark component This commit introduces a new 'DesignedRemark' component to display an attribution link. - Adds the Pacifico font for custom styling of the remark. - Creates and registers the global `DesignedRemark` Vue component. - Integrates the component into the mobile sponsor list page. --- 20251115/sponsorList/mobile/index.html | 37 +++++++++++++++++++++----- 20251115/sponsorList/mobile/script.js | 5 ++++ 2 files changed, 36 insertions(+), 6 deletions(-) diff --git a/20251115/sponsorList/mobile/index.html b/20251115/sponsorList/mobile/index.html index 45a8c57..8acb30c 100644 --- a/20251115/sponsorList/mobile/index.html +++ b/20251115/sponsorList/mobile/index.html @@ -79,6 +79,19 @@ rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" /> + +
@@ -168,6 +181,8 @@
+ + @@ -188,13 +203,11 @@ v-for="s in filteredSponsors" :key="s._uid" :sponsor="s" - > - - + /> + + @@ -211,6 +224,18 @@ + + - + diff --git a/20251115/sponsorList/mobile/script.js b/20251115/sponsorList/mobile/script.js index 144ac90..0fa888f 100644 --- a/20251115/sponsorList/mobile/script.js +++ b/20251115/sponsorList/mobile/script.js @@ -7,6 +7,10 @@ const SponsorCard = { template: "#sponsor-card-template", }; +const DesignedRemark = { + template: "#designed-remark-template", +}; + const app = createApp({ setup() { const eventTitle = ref(""); @@ -291,5 +295,6 @@ const app = createApp({ }, }); +app.component("designed-remark", DesignedRemark); // 全局注册 app.component("sponsor-card", SponsorCard); // 全局注册 app.mount("#app");