refactor(WindowTitleBar): convert community badge to clickable button

add click handler to open commercial page, add hover styles and accessible title
This commit is contained in:
2026-08-20 10:41:36 +08:00
parent 405a402432
commit ae19c309df
+10 -3
View File
@@ -19,9 +19,12 @@
alt="星火应用商店" alt="星火应用商店"
/> />
<span class="truncate text-base font-semibold">星火应用商店</span> <span class="truncate text-base font-semibold">星火应用商店</span>
<span <button
class="rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[10px] font-semibold text-orange-600 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)]" type="button"
>社区版</span class="cursor-pointer rounded-full border border-orange-400 bg-orange-50 px-2 py-0.5 text-[10px] font-semibold text-orange-600 transition hover:bg-orange-100 dark:border-amber-400/70 dark:bg-amber-400/10 dark:text-amber-300 dark:shadow-[0_0_8px_rgba(251,191,36,0.4)] dark:hover:bg-amber-400/20"
title="了解星火专业版"
@click="openCommercial"
>社区版</button
> >
</div> </div>
@@ -149,6 +152,10 @@ const clearSearch = () => {
emit("update:searchQuery", ""); emit("update:searchQuery", "");
}; };
const openCommercial = () => {
window.open("https://www.spark-app.store/commercial/", "_blank");
};
const minimize = () => { const minimize = () => {
window.windowControls.minimize(); window.windowControls.minimize();
}; };