GithubBackup/bilibili-video-downloader
1
0
Fork 0
mirror of https://github.com/lanyeeee/bilibili-video-downloader.git synced 2026-09-05 07:27:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 给导航栏下载按钮添加数量提示

Browse Source
This commit is contained in:
lanyeeee
2025-08-15 07:43:22 +08:00
parent 9e38a1f467
commit 7662f47f80
1 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/AppContent.vue
+9 -7
View File
@@ -96,13 +96,15 @@ onMounted(() => {
<n-tooltip placement="right" trigger="hover" :show-arrow="false">
下载
<template #trigger>
<div
ref="downloadButtonRef"
class="flex cursor-pointer hover:text-sky-5 hover:bg-gray-2/70 rounded py-1 my-1 px-2"
@click="store.currentNavName = 'download'"
:class="{ 'text-sky-5': store.currentNavName === 'download' }">
<PhDownload :weight="store.currentNavName === 'download' ? 'fill' : 'regular'" size="28" />
</div>
<n-badge :value="store.uncompletedProgressesCount" :offset="[-7, 7]">
<div
ref="downloadButtonRef"
class="flex cursor-pointer hover:text-sky-5 hover:bg-gray-2/70 rounded py-1 my-1 px-2"
@click="store.currentNavName = 'download'"
:class="{ 'text-sky-5': store.currentNavName === 'download' }">
<PhDownload :weight="store.currentNavName === 'download' ? 'fill' : 'regular'" size="28" />
</div>
</n-badge>
</template>
</n-tooltip>