Fun/TeyvatGuide
1
0
Fork 0
mirror of https://github.com/BTMuli/TeyvatGuide.git synced 2026-03-28 05:59:46 +08:00
Code Issues Packages Projects Releases Wiki Activity

♻️ 更新加载逻辑，显示title

Browse Source
This commit is contained in:
BTMuli
2026-03-26 01:29:48 +08:00
parent b95f0a8f9b
commit d925fa97e2
1 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/components/func/loading.vue
View File

@@ -18,7 +18,7 @@
</div>
<div class="loading-img">
<img v-if="data.empty" alt="empty" src="/UI/app/empty.webp" />
<img v-else :src="iconUrl" alt="loading" />
<img v-else :src="iconUrl" :title="iconKey" alt="loading" />
</div>
</div>
</div>
@@ -37,13 +37,16 @@ const defaultIcon = "/UI/app/loading.webp";
const props = defineProps<LoadingParams>();
type EmojiItem = Array<string> & { length: 2 };
const showBox = ref<boolean>(false);
const showOuter = ref<boolean>(false);
const showInner = ref<boolean>(false);
const iconUrl = ref<string>(defaultIcon);
const iconKey = ref<string>();
const data = shallowRef<LoadingParams>(props);
const localEmojis = shallowRef<Array<string>>([]);
const localEmojis = shallowRef<Array<EmojiItem>>([]);
const loadingEl = useTemplateRef<HTMLDivElement>("LoadingRef");
watch(
@@ -71,8 +74,11 @@ onUnmounted(() => loadingEl.value?.removeEventListener("contextmenu", (e) => e.p
async function getRandomEmoji(): Promise<void> {
if (localEmojis.value.length === 0) {
const emojisRead = localStorage.getItem("emojis");
if (emojisRead) localEmojis.value = Object.values(JSON.parse(emojisRead));
else {
if (emojisRead) {
let tmpArr: Array<EmojiItem> = [];
for (const [k, v] of Object.entries(JSON.parse(emojisRead))) tmpArr.push([`${k}`, `${v}`]);
localEmojis.value = tmpArr;
} else {
const resp = await bbsReq.emojis();
if ("retcode" in resp) {
console.error(resp);
@@ -80,11 +86,16 @@ async function getRandomEmoji(): Promise<void> {
iconUrl.value = defaultIcon;
return;
}
localEmojis.value = Object.values(resp);
localStorage.setItem("emojis", JSON.stringify(resp));
let tmpArr: Array<EmojiItem> = [];
for (const [k, v] of Object.entries(resp)) {
tmpArr.push([k, v]);
localEmojis.value = tmpArr;
}
}
}
iconUrl.value = localEmojis.value[Math.floor(Math.random() * localEmojis.value.length)];
[iconKey.value, iconUrl.value] =
localEmojis.value[Math.floor(Math.random() * localEmojis.value.length)];
}
async function displayBox(params: LoadingParams): Promise<void> {