feat: PageLayout 组件增加 reachTop 事件

fantastic-mobile · Jun 27, 2024 · 2ed6adc · 2ed6adc
1 parent 9a01975
commit 2ed6adc
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/PageLayout/index.vue b/src/components/PageLayout/index.vue
@@ -27,6 +27,7 @@ withDefaults(
 
 const emits = defineEmits<{
   scroll: [Event]
+  reachTop: []
   reachBottom: []
 }>()
 
@@ -42,6 +43,9 @@ function handleMainScroll(e: Event) {
   handleTabbarScroll()
   handleBackTopScroll()
   emits('scroll', e)
+  if ((e.target as HTMLElement).scrollTop === 0) {
+    emits('reachTop')
+  }
   if (Math.ceil((e.target as HTMLElement).scrollTop + (e.target as HTMLElement).clientHeight) >= (e.target as HTMLElement).scrollHeight) {
     emits('reachBottom')
   }