refactor: 增加点击逻辑

Author: ArgoZhang

src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor

@@ -20,6 +20,9 @@
 	RenderFragment RenderVote =>
 	@<div>
 		<p style="font-weight: bold;">我正在参加 Gitee 2025 最受欢迎的开源软件投票活动，快来给我投票吧！</p>
-		<div style="display: flex; justify-content: space-around;"><a href="https://gitee.com/activity/2025opensource?ident=I6MYBB" target="_blank" style="font-weight: bold;">必须投一票</a> <a href="https://gitee.com/activity/2025opensource?ident=I6MYBB" target="_blank" class="text-muted" title="老六你居然不投票">我知道了</a></div>
+		<div style="display: flex; justify-content: space-around;" id="bb-gitee-vote">
+			<a href="https://gitee.com/activity/2025opensource?ident=I6MYBB" target="_blank" style="font-weight: bold; padding: 3px 12px; border: 1px solid var(--bs-primary); border-radius: var(--bs-border-radius);">必须投一票</a>
+			<a href="https://gitee.com/activity/2025opensource?ident=I6MYBB" target="_blank" class="text-muted" style="padding: 3px 12px;" title="老六你居然不投票">我知道了</a>
+		</div>
 	</div>;
 }

src/BootstrapBlazor.Server/Components/Layout/BaseLayout.razor.js

@@ -1,4 +1,5 @@
 import { getTheme, setTheme } from "../../_content/BootstrapBlazor/modules/utility.js"
+import EventHandler from "../../_content/BootstrapBlazor/modules/event-handler.js"
 
 function initTheme() {
     const currentTheme = getTheme();
@@ -7,12 +8,34 @@ function initTheme() {
 
 export function doTask(invoke) {
     initTheme();
-    const handler = setTimeout(() => {
+
+    const v = localStorage.getItem('bb-gitee-vote');
+    if (v) {
+        try {
+            const differ = new Date().getTime() - v;
+            if (differ < 86400000) {
+                return;
+            }
+        }
+        catch {
+            localStorage.removeItem('bb-gitee-vote');
+        }
+    }
+    const handler = setTimeout(async () => {
         clearTimeout(handler);
-        invoke.invokeMethodAsync("ShowVoteToast");
+        await invoke.invokeMethodAsync("ShowVoteToast");
     }, 1000);
+
+    EventHandler.on(document, 'click', '#bb-gitee-vote', e => {
+        const toast = e.delegateTarget.closest('.toast');
+        if (toast) {
+            toast.classList.remove('show');
+
+            localStorage.setItem('bb-gitee-vote', new Date().getTime());
+        }
+    });
 }
 
 export function dispose() {
-    
+    EventHandler.off(document, 'click', '#bb-gitee-vote');
 }