renun/BewlyBewly
1
0
Fork 0
mirror of https://github.com/BewlyBewly/BewlyBewly.git synced 2025-04-14 13:15:29 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat: lazy load preview video

Browse Source
This commit is contained in:
starknt
2024-01-10 16:03:58 +08:00
parent 8c0aef7ca5
commit fb86fc7614
1 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/VideoCard/VideoCard.vue
View File

@@ -52,6 +52,7 @@ const isHover = ref<boolean>(false)
// const dislikeReasonId = ref<number | null>(null)
const showPopCtrl = ref<boolean>(false)
const contentVisibility = ref<'auto' | 'visible'>('auto')
const mouseEnterTimeOut = ref()
const mouseLeaveTimeOut = ref()
const previewVideoUrl = ref<string>('')
@@ -100,13 +101,17 @@ function toggleWatchLater() {
}
function handleMouseEnter() {
isHover.value = true
clearTimeout(mouseLeaveTimeOut.value)
contentVisibility.value = 'visible'
mouseEnterTimeOut.value = setTimeout(() => {
mouseLeaveTimeOut.value = undefined
isHover.value = true
clearTimeout(mouseLeaveTimeOut.value)
contentVisibility.value = 'visible'
}, 1200)
}
function handelMouseLeave() {
isHover.value = false
clearTimeout(mouseEnterTimeOut.value)
clearTimeout(mouseLeaveTimeOut.value)
mouseLeaveTimeOut.value = setTimeout(() => {
contentVisibility.value = 'auto'