blackteay/nova-admin
1
0
Fork 0
mirror of https://github.com/chansee97/nova-admin.git synced 2025-04-05 12:44:27 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: perfect search modal code

Browse Source
This commit is contained in:
chansee97 2024-05-11 22:55:13 +08:00
parent 35df1832f4
commit 3b3b964067
1 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/layouts/components/header/Search.vue
View File

@ -101,12 +101,7 @@ function handleArrowup() {
else
selectedIndex.value--
nextTick(() => {
const distance = selectedIndex.value * 70 > 350 ? selectedIndex.value * 70 - 350 : 0
scrollbarRef.value?.scrollTo({
top: distance,
})
})
handleScroll(selectedIndex.value)
}
// 下箭头操作
@ -117,14 +112,19 @@ function handleArrowdown() {
else
selectedIndex.value++
nextTick(() => {
const distance = selectedIndex.value * 70 > 350 ? selectedIndex.value * 70 - 350 : 0
scrollbarRef.value?.scrollTo({
top: distance,
})
})
handleScroll(selectedIndex.value)
}
function handleScroll(currentIndex: number) {
// 保持6个选项在可视区域内,6个后开始滚动
const keepIndex = 5
// 单个元素的高度，包括了元素的gap和容器的padding
const elHeight = 70
const distance = currentIndex * elHeight > keepIndex * elHeight ? currentIndex * elHeight - keepIndex * elHeight : 0
scrollbarRef.value?.scrollTo({
top: distance,
})
}
// 回车键操作
function handleEnter() {
const target = options.value[selectedIndex.value]