mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-04-05 07:15:06 +08:00
100 lines
2.6 KiB
Vue
100 lines
2.6 KiB
Vue
<template>
|
|
<div v-if="isMain">
|
|
<v-layout>
|
|
<!-- 侧边栏菜单 -->
|
|
<TSidebar />
|
|
<!-- 主体内容 -->
|
|
<v-main class="app-main">
|
|
<v-container fluid>
|
|
<router-view />
|
|
</v-container>
|
|
</v-main>
|
|
</v-layout>
|
|
</div>
|
|
<div v-else>
|
|
<v-layout>
|
|
<!-- 主体内容 -->
|
|
<v-main class="app-main">
|
|
<v-container fluid>
|
|
<router-view />
|
|
</v-container>
|
|
</v-main>
|
|
</v-layout>
|
|
</div>
|
|
<TBackTop />
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
// vue
|
|
import { onMounted, ref } from "vue";
|
|
import TSidebar from "./components/t-sidebar.vue";
|
|
import TBackTop from "./components/t-backTop.vue";
|
|
// tauri
|
|
import { fs, window, app } from "@tauri-apps/api";
|
|
// store
|
|
import { useAppStore } from "./store/modules/app";
|
|
// utils
|
|
import { InitTGData, DeleteTGData, WriteTGData } from "./utils/TGIndex";
|
|
// data
|
|
import { TGAppDataList, TGGetDataList } from "./data";
|
|
|
|
const appStore = useAppStore();
|
|
const isMain = ref(true as boolean);
|
|
|
|
onMounted(async () => {
|
|
// 获取当前窗口
|
|
const win = window.getCurrent();
|
|
isMain.value = win.label === "tauri-genshin";
|
|
if (isMain.value) {
|
|
const title = "Tauri.Genshin v" + (await app.getVersion()) + " Alpha";
|
|
await win.setTitle(title);
|
|
await checkLoad();
|
|
}
|
|
});
|
|
|
|
async function checkLoad () {
|
|
if (appStore.loading) {
|
|
console.info("数据已加载！");
|
|
return;
|
|
}
|
|
DeleteTGData();
|
|
await createDataDir();
|
|
await writeData();
|
|
await writeIndex();
|
|
appStore.loading = true;
|
|
console.info("数据加载完成！");
|
|
}
|
|
// 创建数据文件夹
|
|
async function createDataDir () {
|
|
console.info("开始创建数据文件夹...");
|
|
await fs.createDir("appData", { dir: fs.BaseDirectory.AppLocalData, recursive: true });
|
|
await fs.createDir("userData", { dir: fs.BaseDirectory.AppLocalData, recursive: true });
|
|
await fs.createDir("tempData", { dir: fs.BaseDirectory.AppLocalData, recursive: true });
|
|
console.info("数据文件夹创建完成！");
|
|
}
|
|
// 将数据写入文件夹
|
|
async function writeData () {
|
|
console.info("开始写入数据...");
|
|
TGAppDataList.map(async (item) => {
|
|
await fs.writeFile(`${appStore.dataPath.appDataDir}\\${item.name}`, JSON.stringify(item.data));
|
|
});
|
|
console.info("数据写入完成！");
|
|
}
|
|
// 写入 IndexedDB
|
|
async function writeIndex () {
|
|
console.info("开始写入 IndexedDB...");
|
|
await InitTGData();
|
|
TGGetDataList.map(async (item) => {
|
|
await WriteTGData(item.name, item.data);
|
|
});
|
|
console.info("IndexedDB 写入完成！");
|
|
}
|
|
</script>
|
|
<style lang="css">
|
|
.app-main {
|
|
min-height: 100vh;
|
|
background: #ece5d8;
|
|
backdrop-filter: blur(20px);
|
|
}
|
|
</style>
|