admin/jdcProject_front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: "tags-view" support wheel scroll (#62)

Browse Source
This commit is contained in:
_island 2023-03-17 16:16:52 +08:00 committed by GitHub
parent 9d473cc2ba
commit 0e9eaafeea
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/layout/components/TagsView/ScrollPane.vue
View File

@ -20,6 +20,14 @@ const scroll = ({ scrollLeft }: { scrollLeft: number }) => {
currentScrollLeft = scrollLeft currentScrollLeft = scrollLeft
} }
const wheelScroll = ({ deltaY }: WheelEvent) => {
if (/^-/.test(deltaY.toString())) {
scrollTo("left")
} else {
scrollTo("right")
}
}
/** 点击滚动 */ /** 点击滚动 */
const scrollTo = (direction: "left" | "right") => { const scrollTo = (direction: "left" | "right") => {
let scrollLeft = 0 let scrollLeft = 0
@ -48,7 +56,7 @@ const showScreenfull = computed(() => {
<el-icon class="arrow left" @click="scrollTo('left')"> <el-icon class="arrow left" @click="scrollTo('left')">
<ArrowLeft /> <ArrowLeft />
</el-icon> </el-icon>
<el-scrollbar ref="scrollbarRef" @scroll="scroll"> <el-scrollbar ref="scrollbarRef" @wheel.prevent="wheelScroll" @scroll="scroll">
<div ref="scrollbarContentRef" class="scrollbar-content"> <div ref="scrollbarContentRef" class="scrollbar-content">
<slot /> <slot />
</div> </div>