From 85c9ec38dbaa2efdc8b15e0385a3fa80246b1119 Mon Sep 17 00:00:00 2001
From: lyswhut <lyswhut@qq.com>
Date: Sat, 10 Aug 2024 10:18:27 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=BC=A0=E6=A0=87=E5=9C=A8?=
 =?UTF-8?q?=E9=9F=B3=E9=87=8F=E6=8C=89=E9=92=AE=E4=BD=BF=E7=94=A8=E6=BB=9A?=
 =?UTF-8?q?=E8=BD=AE=E6=97=B6=E5=8F=AF=E4=BB=A5=E8=B0=83=E6=95=B4=E9=9F=B3?=
 =?UTF-8?q?=E9=87=8F=E5=A4=A7=E5=B0=8F=E7=9A=84=E5=8A=9F=E8=83=BD=EF=BC=88?=
 =?UTF-8?q?#2000=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 publish/changeLog.md                         | 1 +
 src/renderer/components/common/VolumeBtn.vue | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/publish/changeLog.md b/publish/changeLog.md
index 068a3203..ccc75078 100644
--- a/publish/changeLog.md
+++ b/publish/changeLog.md
@@ -2,6 +2,7 @@
 
 - 新增 是否将歌词显示在状态栏 设置，默认关闭，该功能只在 MacOS 下可用（#1940）
 - 新增设置-播放详情页设置-延迟歌词滚动设置（#1985）
+- 新增鼠标在音量按钮使用滚轮时可以调整音量大小的功能（#2000）
 
 ### 优化
 
diff --git a/src/renderer/components/common/VolumeBtn.vue b/src/renderer/components/common/VolumeBtn.vue
index 02d81ef4..1a601df2 100644
--- a/src/renderer/components/common/VolumeBtn.vue
+++ b/src/renderer/components/common/VolumeBtn.vue
@@ -1,6 +1,6 @@
 <template>
   <material-popup-btn :class="$style.btnContent">
-    <button :class="$style.btn" :aria-label="isMute ? $t('player__volume_muted') : `${$t('player__volume')}${parseInt(volume * 100)}%`">
+    <button :class="$style.btn" :aria-label="isMute ? $t('player__volume_muted') : `${$t('player__volume')}${parseInt(volume * 100)}%`" @wheel="handleWheel">
       <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xlink="http://www.w3.org/1999/xlink" width="100%" viewBox="0 0 24 24" space="preserve">
         <use :xlink:href="icon" />
       </svg>
@@ -30,6 +30,10 @@ import { computed } from '@common/utils/vueTools'
 import { saveVolumeIsMute } from '@renderer/store/setting'
 import { volume, isMute } from '@renderer/store/player/volume'
 
+const handleWheel = (event) => {
+  window.app_event.setVolume(Math.round(volume.value * 100 + (-event.deltaY / 100 * 2)) / 100)
+}
+
 const handleUpdateVolume = (val) => {
   window.app_event.setVolume(val)
 }