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

feat(loading): 写了个 loading 组件

Browse Source
This commit is contained in:
BTMuli
2023-03-24 14:13:04 +08:00
parent 62b1a195fc
commit b260c2538a
7 changed files with 92 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/pages/Achievements.vue
View File

@@ -21,8 +21,8 @@
<v-btn @click="exportJson" prepend-icon="mdi-export" class="ms-2 top-btn"> 导出 </v-btn>
</template>
</v-app-bar>
<div v-if="loading" class="loading-bar">
<v-progress-circular indeterminate color="primary" />
<div v-if="loading">
<t-loading title="正在加载成就" />
</div>
<div v-else class="wrap">
<v-row class="wrap-view">
@@ -137,6 +137,7 @@ import {
ReadTGDataByKey,
UpdateTGDataByKey,
} from "../utils/TGIndex";
import TLoading from "../components/t-loading.vue";
// Store
const achievementsStore = useAchievementsStore();

5
src/pages/GCG.vue
View File

@@ -1,6 +1,6 @@
<template>
<div v-if="loading" class="loading-bar">
<v-progress-circular indeterminate color="primary" />
<div v-if="loading">
<t-loading title="正在加载卡牌列表" />
</div>
<div v-else>
<v-app-bar color="white" class="global-font">
@@ -97,6 +97,7 @@ import { ReadAllTGData } from "../utils/TGIndex";
import { BaseCard, ActionCard, CharacterCard, MonsterCard } from "../interface/GCG";
import { MysContent } from "../interface/MysPost";
import { dialog } from "@tauri-apps/api";
import TLoading from "../components/t-loading.vue";
const loading = ref(true);
const doSearch = ref(false);

6
src/pages/Home.vue
View File

@@ -1,6 +1,6 @@
<template>
<div v-if="loading" class="loading-bar">
<v-progress-circular indeterminate color="primary" />
<div v-if="loading">
<t-loading title="正在加载卡池信息" />
</div>
<div v-else>
<div v-if="empty">
@@ -67,6 +67,7 @@ import {
MysPostType,
} from "../interface/MysPost";
import { parseMys } from "../utils/MysParse";
import TLoading from "../components/t-loading.vue";
interface GachaPool {
title: string;
@@ -88,7 +89,6 @@ interface GachaPool {
}
const appStore = useAppStore();
const renderMode = ref(appStore.structureRender);
const poolInfo = ref([] as GachaPool[]);
const loading = ref(true);
const empty = ref(false);

5
src/pages/News.vue
View File

@@ -1,6 +1,6 @@
<template>
<div v-if="loading" class="loading-bar">
<v-progress-circular indeterminate color="primary" />
<div v-if="loading">
<t-loading title="加载中..." />
</div>
<div v-else>
<v-tabs v-model="tab" align-tabs="start" class="global-font">
@@ -110,6 +110,7 @@ import {
import { http, fs } from "@tauri-apps/api";
import { createTGWindow } from "../utils/TGWindow";
import { parseMys } from "../utils/MysParse";
import TLoading from "../components/t-loading.vue";
// Store
const appStore = useAppStore();