mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-13 09:28:14 +08:00
🔥 移除帖子的 loadmore,刷新已经够用
This commit is contained in:
@@ -34,7 +34,7 @@
|
||||
@click:append="searchPost"
|
||||
@keyup.enter="searchPost"
|
||||
/>
|
||||
<v-btn class="post-fresh-btn" @click="freshPostData(false)">
|
||||
<v-btn class="post-fresh-btn" @click="freshPostData()">
|
||||
<v-icon>mdi-refresh</v-icon>
|
||||
<span>刷新</span>
|
||||
</v-btn>
|
||||
@@ -50,7 +50,6 @@
|
||||
<span>{{ navItem.name }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- todo 无限加载 -->
|
||||
<div class="posts-grid">
|
||||
<v-card v-for="post in posts" :key="post.postId" class="post-card">
|
||||
<div class="post-cover" @click="createPost(post)">
|
||||
@@ -101,12 +100,6 @@
|
||||
</div>
|
||||
</v-card>
|
||||
</div>
|
||||
<!-- todo 完善 loadmore -->
|
||||
<div class="load-more">
|
||||
<v-btn :loading="loading" @click="freshPostData(true)">
|
||||
第{{ rawData.page }}页,已加载:{{ posts.length }},加载更多
|
||||
</v-btn>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
@@ -195,7 +188,6 @@ const gameList = {
|
||||
const curForumLabel = ref<string>("酒馆");
|
||||
const forumItem = ref<string[]>(["酒馆", "攻略", "同人图", "COS", "硬核"]);
|
||||
const curForum = ref<number>(26);
|
||||
const rawData = ref({ page: 1, is_last: false });
|
||||
|
||||
// 游戏相关
|
||||
const curGameLabel = ref<keyof typeof gameList>("原神");
|
||||
@@ -223,7 +215,7 @@ const search = ref<string>();
|
||||
onMounted(async () => {
|
||||
loading.value = true;
|
||||
await freshNavData();
|
||||
await freshPostData(false);
|
||||
await freshPostData();
|
||||
loading.value = false;
|
||||
});
|
||||
|
||||
@@ -236,7 +228,7 @@ watch(curGameLabel, async (newVal) => {
|
||||
freshCurForum(forumItem.value[0]);
|
||||
} else {
|
||||
freshCurForum(curForumLabel.value);
|
||||
await freshPostData(false);
|
||||
await freshPostData();
|
||||
}
|
||||
await freshNavData();
|
||||
});
|
||||
@@ -244,13 +236,13 @@ watch(curGameLabel, async (newVal) => {
|
||||
// 监听论坛变化
|
||||
watch(curForumLabel, async (newVal) => {
|
||||
freshCurForum(newVal);
|
||||
await freshPostData(false);
|
||||
await freshPostData();
|
||||
});
|
||||
|
||||
// 监听排序变化
|
||||
watch(curSortLabel, async (newVal) => {
|
||||
curSortType.value = sortList[newVal];
|
||||
await freshPostData(false);
|
||||
await freshPostData();
|
||||
});
|
||||
|
||||
async function toNav(path: string): Promise<void> {
|
||||
@@ -310,33 +302,11 @@ async function freshNavData(): Promise<void> {
|
||||
nav.value = await Mys.Posts.nav(curGid.value);
|
||||
}
|
||||
|
||||
async function freshPostData(more: boolean = false): Promise<void> {
|
||||
async function freshPostData(): Promise<void> {
|
||||
loading.value = true;
|
||||
loadingTitle.value = `正在加载 ${curGameLabel.value}-${curForumLabel.value}-${curSortLabel.value} 的数据`;
|
||||
if (more) {
|
||||
const postsGet = await Mys.Posts.get(
|
||||
curForum.value,
|
||||
curGid.value,
|
||||
curSortType.value,
|
||||
rawData.value.page,
|
||||
);
|
||||
if (rawData.value.is_last) {
|
||||
showSnackbar({
|
||||
text: "已经是最后一页了",
|
||||
color: "warn",
|
||||
});
|
||||
loading.value = false;
|
||||
return;
|
||||
}
|
||||
posts.value = posts.value.concat(Mys.Posts.card(postsGet));
|
||||
rawData.value.is_last = postsGet.is_last;
|
||||
rawData.value.page = postsGet.page;
|
||||
} else {
|
||||
const postsGet = await Mys.Posts.get(curForum.value, curGid.value, curSortType.value);
|
||||
posts.value = Mys.Posts.card(postsGet);
|
||||
rawData.value.is_last = false;
|
||||
rawData.value.page = 1;
|
||||
}
|
||||
const postsGet = await Mys.Posts.get(curForum.value, curSortType.value);
|
||||
posts.value = Mys.Posts.card(postsGet);
|
||||
await nextTick();
|
||||
loading.value = false;
|
||||
}
|
||||
@@ -605,19 +575,4 @@ function searchPost(): void {
|
||||
gap: 5px;
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.load-more {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin: 10px;
|
||||
font-family: var(--font-title);
|
||||
transition: all 0.3s linear;
|
||||
}
|
||||
|
||||
.load-more button {
|
||||
border-radius: 5px;
|
||||
background: var(--tgc-btn-1);
|
||||
color: var(--btn-text);
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user