rogee/tg_exporter
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: page issues

Browse Source
This commit is contained in:
Rogee
2024-09-21 15:19:13 +08:00
parent 2057de4859
commit 8c0e534049
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/views/ChannelMessages.vue
View File

@@ -4,8 +4,8 @@
<template v-else> <template v-else>
<ListItem v-for="message in messages" :key="message.ID" :item="message" /> <ListItem v-for="message in messages" :key="message.ID" :item="message" />
<div class="flex items-center justify-center"> <div class="flex items-center justify-center mb-10">
<button class="px-4 py-2 hover:bg-slate-100 rounded border text-xl font-semibold w-full" <button class="py-2 hover:bg-slate-100 rounded border text-xl font-bold w-full"
@click="loadMore">LoadMore</button> @click="loadMore">LoadMore</button>
</div> </div>
</template> </template>
@@ -28,6 +28,11 @@ const messages = ref([]);
const loadMore = async () => { const loadMore = async () => {
// router goto next page // router goto next page
// offset is last message ID // offset is last message ID
// page scroll to top with animation
window.scrollTo({ top: 0, behavior: "smooth" });
messages.value = [];
const offset = messages.value[messages.value.length - 1].ID const offset = messages.value[messages.value.length - 1].ID
router.push({ router.push({
name: "channel-messages", name: "channel-messages",
@@ -39,8 +44,6 @@ const loadMore = async () => {
messages.value = await getChannelMessages(route.params.channel, { offset: offset }); messages.value = await getChannelMessages(route.params.channel, { offset: offset });
console.log("messages", messages.value); console.log("messages", messages.value);
// page scroll to top with animation
window.scrollTo({ top: 0, behavior: "smooth" });
} }
onMounted(async () => { onMounted(async () => {

11
frontend/src/views/FavoriteMessages.vue
View File

@@ -6,8 +6,8 @@
<template v-else> <template v-else>
<ListItem v-for="message in messages" :key="message.ID" :item="message" /> <ListItem v-for="message in messages" :key="message.ID" :item="message" />
<div class="flex items-center justify-center"> <div class="flex items-center justify-center mb-10">
<button class="px-4 py-2 hover:bg-slate-100 rounded border text-xl font-semibold w-full" <button class="py-4 hover:bg-slate-100 rounded border text-xl font-bold w-full"
@click="loadMore">LoadMore</button> @click="loadMore">LoadMore</button>
</div> </div>
</template> </template>
@@ -26,6 +26,11 @@ const messages = ref([]);
const loadMore = async () => { const loadMore = async () => {
// router goto next page // router goto next page
// offset is last message ID // offset is last message ID
// page scroll to top with animation
window.scrollTo({ top: 0, behavior: "smooth" });
messages.value = [];
const offset = messages.value[messages.value.length - 1].ID const offset = messages.value[messages.value.length - 1].ID
router.push({ router.push({
name: "favorite-messages", name: "favorite-messages",
@@ -37,8 +42,6 @@ const loadMore = async () => {
messages.value = await getFavoriteMessages({ offset: offset }); messages.value = await getFavoriteMessages({ offset: offset });
console.log("messages", messages.value); console.log("messages", messages.value);
// page scroll to top with animation
window.scrollTo({ top: 0, behavior: "smooth" });
} }
onMounted(async () => { onMounted(async () => {