多维表格
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

35 lines
766 B

<script setup lang="ts">
const { loadFeed, githubFeed } = useProductFeed()
const scrollContainer = ref<HTMLElement>()
const { isLoading } = useInfiniteScroll(
scrollContainer,
async () => {
if (isLoading.value) return
const data = await loadFeed({
type: 'github',
loadMore: true,
})
githubFeed.value = [...githubFeed.value, ...data]
},
{ distance: 1 },
)
</script>
<template>
<div
ref="scrollContainer"
:style="{
height: 'calc(100dvh - var(--toolbar-height) - 3rem)',
}"
class="overflow-y-auto nc-scrollbar-md mx-auto w-full"
>
<div class="max-w-260 mx-auto">
<FeedChangelogItem v-for="feed in githubFeed" :item="feed" />
</div>
</div>
</template>
<style scoped lang="scss"></style>