github
/
lx-music-desktop
mirror of https://github.com/lyswhut/lx-music-desktop
1
0
Fork 0
Code Issues Releases Wiki Activity

修复鼠标自动隐藏问题

pull/930/merge
lyswhut 2022-04-05 16:47:37 +08:00
parent 4b4de8937e
commit e92e291409
2 changed files with 13 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/renderer/components/core/PlayDetail/autoHideMounse.js
View File

@ -41,13 +41,13 @@ const handleMouseUp = () => {
startTimeout() startTimeout()
} }
export const registerAutoHideMounse = _dom => { export const registerAutoHideMounse = () => {
if (isAutoHide || !_dom) return if (isAutoHide) return
if (!dom) dom = document.getElementById('root')
isAutoHide = true isAutoHide = true
_dom.addEventListener('mousemove', handleMouseMove) document.addEventListener('mousemove', handleMouseMove)
_dom.addEventListener('mousedown', handleMouseDown) document.addEventListener('mousedown', handleMouseDown)
_dom.addEventListener('mouseup', handleMouseUp) document.addEventListener('mouseup', handleMouseUp)
dom = _dom
startTimeout() startTimeout()
} }
@ -55,8 +55,8 @@ export const unregisterAutoHideMounse = dom => {
if (!isAutoHide) return if (!isAutoHide) return
isAutoHide = false isAutoHide = false
// console.log(dom) // console.log(dom)
dom?.removeEventListener('mousemove', handleMouseMove) dom.removeEventListener('mousemove', handleMouseMove)
dom?.removeEventListener('mousedown', handleMouseDown) dom.removeEventListener('mousedown', handleMouseDown)
dom?.removeEventListener('mouseup', handleMouseUp) dom.removeEventListener('mouseup', handleMouseUp)
unLockPointer() unLockPointer()
} }

10
src/renderer/components/core/PlayDetail/index.vue
View File

@ -1,6 +1,6 @@
<template lang="pug"> <template lang="pug">
transition(enter-active-class="animated lightSpeedIn" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave") transition(enter-active-class="animated lightSpeedIn" leave-active-class="animated slideOutDown" @after-enter="handleAfterEnter" @after-leave="handleAfterLeave")
div(:class="[$style.container, { [$style.fullscreen]: isFullscreen }]" @contextmenu="handleContextMenu" v-if="isShowPlayerDetail" ref="dom_content") div(:class="[$style.container, { [$style.fullscreen]: isFullscreen }]" @contextmenu="handleContextMenu" v-if="isShowPlayerDetail")
div(:class="$style.bg") div(:class="$style.bg")
//- div(:class="$style.bg" :style="bgStyle") //- div(:class="$style.bg" :style="bgStyle")
//- div(:class="$style.bg2") //- div(:class="$style.bg2")
@ -84,7 +84,6 @@ export default {
setup() { setup() {
const setting = useRefGetter('setting') const setting = useRefGetter('setting')
const visibled = ref(false) const visibled = ref(false)
const dom_content = ref(null)
let clickTime = 0 let clickTime = 0
@ -105,7 +104,7 @@ export default {
} }
const handleAfterEnter = () => { const handleAfterEnter = () => {
if (isFullscreen.value) registerAutoHideMounse(dom_content.value) if (isFullscreen.value) registerAutoHideMounse()
visibled.value = true visibled.value = true
} }
@ -115,11 +114,11 @@ export default {
hideComment(false) hideComment(false)
visibled.value = false visibled.value = false
unregisterAutoHideMounse(dom_content.value) unregisterAutoHideMounse()
} }
watch(isFullscreen, isFullscreen => { watch(isFullscreen, isFullscreen => {
(isFullscreen ? registerAutoHideMounse : unregisterAutoHideMounse)(dom_content.value) (isFullscreen ? registerAutoHideMounse : unregisterAutoHideMounse)()
}) })
return { return {
@ -135,7 +134,6 @@ export default {
handleAfterLeave, handleAfterLeave,
visibled, visibled,
isFullscreen, isFullscreen,
dom_content,
fullscreenExit() { fullscreenExit() {
window.eventHub.emit(eventBaseName.fullscreenToggle, false) window.eventHub.emit(eventBaseName.fullscreenToggle, false)
}, },