lkddi/AlgerMusicPlayer
1
0
Fork 0
mirror of https://github.com/algerkong/AlgerMusicPlayer.git synced 2026-05-17 10:27:30 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: 添加mini播放栏鼠标滚轮调整音量 并优化音量滑块数字不展示问题

Browse Source
This commit is contained in:
alger
2025-05-28 21:58:32 +08:00
parent 4c24bb9257
commit 5c7278544a
2 changed files with 58 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/renderer/components/player/PlayBar.vue
+4 -3
View File
@@ -483,12 +483,13 @@ const openPlayListDrawer = () => {
.volume-slider {
@apply absolute opacity-0 invisible transition-all duration-300 bottom-[30px] left-1/2 -translate-x-1/2 h-[180px] px-2 py-4 rounded-xl;
@apply bg-light dark:bg-gray-800;
@apply bg-light dark:bg-dark-200;
@apply border border-gray-200 dark:border-gray-700;
.volume-percentage {
@apply absolute -top-6 left-1/2 -translate-x-1/2 text-xs font-medium bg-light dark:bg-gray-800 px-2 py-1 rounded-md;
@apply absolute -top-6 left-1/2 -translate-x-1/2 text-xs font-medium bg-light dark:bg-dark-200 px-2 py-1 rounded-md;
@apply border border-gray-200 dark:border-gray-700;
@apply text-gray-800 dark:text-white;
white-space: nowrap;
}
}
@@ -597,7 +598,7 @@ const openPlayListDrawer = () => {
// 确保悬停时提示样式正确
.n-slider-tooltip {
@apply bg-gray-800 text-white text-xs py-1 px-2 rounded;
@apply bg-dark-200 text-white text-xs py-1 px-2 rounded;
z-index: 999999;
}
}