GithubBackup/bilibili-video-downloader
1
0
Fork 0
mirror of https://github.com/lanyeeee/bilibili-video-downloader.git synced 2026-09-08 09:06:53 +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"> <n-tooltip placement="right" trigger="hover" :show-arrow="false">
下载 下载
<template #trigger> <template #trigger>
<div <n-badge :value="store.uncompletedProgressesCount" :offset="[-7, 7]">
ref="downloadButtonRef" <div
class="flex cursor-pointer hover:text-sky-5 hover:bg-gray-2/70 rounded py-1 my-1 px-2" ref="downloadButtonRef"
@click="store.currentNavName = 'download'" class="flex cursor-pointer hover:text-sky-5 hover:bg-gray-2/70 rounded py-1 my-1 px-2"
:class="{ 'text-sky-5': store.currentNavName === 'download' }"> @click="store.currentNavName = 'download'"
<PhDownload :weight="store.currentNavName === 'download' ? 'fill' : 'regular'" size="28" /> :class="{ 'text-sky-5': store.currentNavName === 'download' }">
</div> <PhDownload :weight="store.currentNavName === 'download' ? 'fill' : 'regular'" size="28" />
</div>
</n-badge>
</template> </template>
</n-tooltip> </n-tooltip>