Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2025-12-12 09:18:14 +08:00
Code Issues Packages Projects Releases Wiki Activity

⚡️ 调整按钮顺序，添加刷新按钮

Browse Source
This commit is contained in:
目棃
2024-07-24 12:02:14 +08:00
parent 5c8f2d5e57
commit de89aa5159
1 changed files with 17 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/pages/common/News.vue
View File

@@ -11,19 +11,21 @@
label="请输入帖子 ID 或搜索词" label="请输入帖子 ID 或搜索词"
:single-line="true" :single-line="true"
hide-details hide-details
@click:append="searchPost" @keyup.enter="searchPost()"
@keyup.enter="searchPost"
/> />
<v-spacer /> <v-spacer />
<v-btn class="news-switch-btn" @click="switchAnno"> <v-btn class="news-top-btn" @click="firstLoad(tab, true)">
<v-icon>mdi-refresh</v-icon>
</v-btn>
<v-btn class="news-top-btn" @click="showList = true">
<v-icon>mdi-view-list</v-icon>
</v-btn>
<v-btn class="news-top-btn" @click="switchAnno">
<template #prepend> <template #prepend>
<v-icon>mdi-bullhorn</v-icon> <v-icon>mdi-bullhorn</v-icon>
</template> </template>
切换游戏内公告 切换游戏内公告
</v-btn> </v-btn>
<v-btn class="news-switch-btn" @click="showList = true">
<v-icon>mdi-view-list</v-icon>
</v-btn>
</v-tabs> </v-tabs>
<v-window v-model="tab"> <v-window v-model="tab">
<v-window-item v-for="(value, index) in tabValues" :key="index" :value="value"> <v-window-item v-for="(value, index) in tabValues" :key="index" :value="value">
@@ -33,7 +35,7 @@
</div> </div>
</div> </div>
<div class="load-news"> <div class="load-news">
<v-btn class="news-switch-btn" rounded :loading="loadingSub" @click="loadMore(value)"> <v-btn class="news-top-btn" rounded :loading="loadingSub" @click="loadMore(value)">
已加载：{{ rawData[value].lastId }}，加载更多 已加载：{{ rawData[value].lastId }}，加载更多
</v-btn> </v-btn>
</div> </div>
@@ -129,9 +131,11 @@ const rawData = ref<RawData>({
onMounted(async () => await firstLoad(tab.value)); onMounted(async () => await firstLoad(tab.value));
async function firstLoad(key: NewsKey): Promise<void> { async function firstLoad(key: NewsKey, refresh: boolean = false): Promise<void> {
if (rawData.value[key].lastId !== 0) { if (rawData.value[key].lastId !== 0) {
return; if (!refresh) return;
postData.value[key] = [];
rawData.value[key].lastId = 0;
} }
loadingTitle.value = `正在获取${rawData.value[key].name}数据...`; loadingTitle.value = `正在获取${rawData.value[key].name}数据...`;
loading.value = true; loading.value = true;
@@ -183,7 +187,7 @@ async function loadMore(key: NewsKey): Promise<void> {
}); });
} }
function searchPost(): void { async function searchPost(): Promise<void> {
if (search.value === "") { if (search.value === "") {
showSnackbar({ showSnackbar({
text: "请输入搜索内容", text: "请输入搜索内容",
@@ -195,7 +199,7 @@ function searchPost(): void {
if (isNaN(numCheck)) { if (isNaN(numCheck)) {
showSearch.value = true; showSearch.value = true;
} else { } else {
createPost(search.value); await createPost(search.value);
} }
} }
</script> </script>
@@ -207,7 +211,7 @@ function searchPost(): void {
font-family: var(--font-title); font-family: var(--font-title);
} }
.news-switch-btn { .news-top-btn {
height: 40px; height: 40px;
margin-left: 15px; margin-left: 15px;
background: var(--btn-bg-1); background: var(--btn-bg-1);
@@ -215,7 +219,7 @@ function searchPost(): void {
font-family: var(--font-title); font-family: var(--font-title);
} }
.dark .news-switch-btn { .dark .news-top-btn {
border: 1px solid var(--common-shadow-2); border: 1px solid var(--common-shadow-2);
} }