️ 调整按钮顺序,添加刷新按钮

This commit is contained in:
目棃
2024-07-24 12:02:14 +08:00
parent 5c8f2d5e57
commit de89aa5159

View File

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