mirror/element-plus
2
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2025-01-12 10:45:10 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: [image-viewer] two-finger zoom in and out (#3114)

Browse Source 
Co-authored-by: jia <Fire_Mars_j@163.com>
This commit is contained in:
Alan Wang 2021-08-31 17:19:39 +08:00 committed by GitHub
parent f34d9f07fd
commit 90f77308a9
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
packages/components/image/src/index.vue
View File

@ -247,11 +247,25 @@ export default defineComponent({
_lazyLoadHandler = null _lazyLoadHandler = null
} }
function _wheelHandler(e){
if (e.ctrlKey) {
if (e.deltaY < 0) {
e.preventDefault()
return false
}
if (e.deltaY > 0) {
e.preventDefault()
return false
}
}
}
function clickHandler() { function clickHandler() {
// don't show viewer when preview is false // don't show viewer when preview is false
if (!preview.value) { if (!preview.value) {
return return
} }
document.body.addEventListener('wheel', _wheelHandler, { passive: false })
// prevent body scroll // prevent body scroll
prevOverflow = document.body.style.overflow prevOverflow = document.body.style.overflow
document.body.style.overflow = 'hidden' document.body.style.overflow = 'hidden'
@ -259,6 +273,7 @@ export default defineComponent({
} }
function closeViewer() { function closeViewer() {
document.body.removeEventListener('wheel', _wheelHandler, false)
document.body.style.overflow = prevOverflow document.body.style.overflow = prevOverflow
showViewer.value = false showViewer.value = false
emit('close') emit('close')