diff --git a/publish/changeLog.md b/publish/changeLog.md index 82afbc0c..077529ad 100644 --- a/publish/changeLog.md +++ b/publish/changeLog.md @@ -2,7 +2,7 @@ - 新增对播放详情页歌词大小、是否缩放、对齐方式的设置,可以去设置-播放详情页设置查看 - 新增播放详情页通过歌词调整播放进度,默认关闭,需要到设置-播放详情页设置开启,开启后在播放详情页拖动歌词时将会出现跳转当前行歌词播放的按钮 -- 新增全屏状态,按F11可以进入、退出全屏状态 +- 新增全屏状态,按F11可以进入、退出全屏状态,由于全屏时会隐藏控制栏按钮,所以需要使用鼠标右键双击(详情页的任意地方都可以)来关闭播放详情页 ### 优化 diff --git a/src/renderer/components/core/PlayDetail/index.vue b/src/renderer/components/core/PlayDetail/index.vue index e0325a8a..c6f98df2 100644 --- a/src/renderer/components/core/PlayDetail/index.vue +++ b/src/renderer/components/core/PlayDetail/index.vue @@ -166,7 +166,7 @@ export default { &.fullscreen { .header { -webkit-app-region: no-drag; - .close, .min { + > * { display: none; } } diff --git a/src/renderer/core/useApp/useEventListener.js b/src/renderer/core/useApp/useEventListener.js index 542b5846..3d91f625 100644 --- a/src/renderer/core/useApp/useEventListener.js +++ b/src/renderer/core/useApp/useEventListener.js @@ -8,7 +8,7 @@ import { toRaw, useCommit, onBeforeUnmount, - watchEffect, + watch, useRefGetter, } from '@renderer/utils/vueTools' @@ -43,12 +43,13 @@ export default ({ }) => { const setSetting = useCommit('setSetting') const windowSizeActive = useRefGetter('windowSizeActive') + const isShowAnimation = useRefGetter('isShowAnimation') - watchEffect(() => { - document.documentElement.style.fontSize = windowSizeActive.value.fontSize + watch(windowSizeActive, ({ fontSize }) => { + document.documentElement.style.fontSize = fontSize }) - watchEffect(() => { - if (setting.value.isShowAnimation) { + watch(isShowAnimation, val => { + if (val) { if (document.body.classList.contains('disableAnimation')) { document.body.classList.remove('disableAnimation') } diff --git a/src/renderer/store/getters.js b/src/renderer/store/getters.js index 221062c8..1d322008 100644 --- a/src/renderer/store/getters.js +++ b/src/renderer/store/getters.js @@ -59,4 +59,7 @@ export default { pactModalVisible(state) { return !state.setting.isAgreePact }, + isShowAnimation(state) { + return state.setting.isShowAnimation + }, } diff --git a/src/renderer/views/songList/SongList.vue b/src/renderer/views/songList/SongList.vue index 41e82f92..cdad6e89 100644 --- a/src/renderer/views/songList/SongList.vue +++ b/src/renderer/views/songList/SongList.vue @@ -208,7 +208,8 @@ export default { window.removeEventListener('resize', this.handleSetTagWidth) }, handleSetTagWidth() { - setTimeout(this.setTagListWidth) + this.setTagListWidth() + setTimeout(this.setTagListWidth, 100) }, handle_key_backspace_down({ event }) { if (!this.isVisibleListDetail ||