feat: 优化赞赏支持

This commit is contained in:
alger
2025-03-08 23:22:56 +08:00
parent ccc59ea893
commit ce276df55c
7 changed files with 35 additions and 7 deletions
+13
View File
@@ -46,6 +46,15 @@
{{ t('comp.coffee.qqGroup') }}
</p>
</div>
<div class="mt-4">
<!-- 赞赏列表地址 -->
<p
class="text-sm text-green-600 dark:text-gray-200 text-center cursor-pointer hover:text-green-500"
@click="toDonateList"
>
{{ t('comp.coffee.donateList') }}
</p>
</div>
</div>
</n-popover>
</div>
@@ -66,6 +75,10 @@ const copyQQ = () => {
message.success('已复制到剪贴板');
};
const toDonateList = () => {
window.open('http://donate.alger.fun', '_blank');
};
defineProps({
alipayQR: {
type: String,
@@ -76,12 +76,12 @@
</n-button>
</div>
<div class="p-6 rounded-lg shadow-lg bg-light dark:bg-gray-800">
<div class="p-6 rounded-lg shadow-lg">
<div class="description text-center text-sm text-gray-700 dark:text-gray-200">
<p>{{ t('donation.description') }}</p>
<p>{{ t('donation.message') }}</p>
</div>
<div class="flex justify-between">
<div class="flex justify-between mt-6">
<div class="flex flex-col items-center gap-2">
<n-image
:src="alipay"
@@ -91,6 +91,13 @@
/>
<span class="text-sm text-gray-700 dark:text-gray-200">{{ t('common.alipay') }}</span>
</div>
<n-button type="primary" @click="toDonateList">
<template #icon>
<i class="ri-cup-line"></i>
</template>
{{ t('donation.toDonateList') }}
<i class="ri-arrow-right-s-line"></i>
</n-button>
<div class="flex flex-col items-center gap-2">
<n-image
:src="wechat"
@@ -225,6 +232,10 @@ const displayDonors = computed(() => {
const toggleExpand = () => {
isExpanded.value = !isExpanded.value;
};
const toDonateList = () => {
window.open('http://donate.alger.fun', '_blank');
};
</script>
<style lang="scss" scoped>
+1 -1
View File
@@ -227,7 +227,7 @@ const selectItem = async (key: string) => {
};
const toGithub = () => {
window.open('https://github.com/algerkong/AlgerMusicPlayer', '_blank');
window.open('http://donate.alger.fun', '_blank');
};
const updateInfo = ref<UpdateResult>({