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

fix(config): 样式美化

Browse Source
This commit is contained in:
BTMuli
2023-03-28 17:27:48 +08:00
parent 5e9d739cbf
commit c901307ebc
1 changed files with 29 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/Config.vue
View File

@@ -7,7 +7,7 @@
<v-list> <v-list>
<v-list-item title="应用版本" @click="toOuter('https://github.com/BTMuli/Tauri.Genshin')"> <v-list-item title="应用版本" @click="toOuter('https://github.com/BTMuli/Tauri.Genshin')">
<template v-slot:prepend> <template v-slot:prepend>
<img class="v-icon" src="/icon.png" alt="Tauri" /> <img class="config-icon" src="/icon.svg" alt="App" />
</template> </template>
<template v-slot:append> <template v-slot:append>
<v-list-item-subtitle>{{ versionApp }}</v-list-item-subtitle> <v-list-item-subtitle>{{ versionApp }}</v-list-item-subtitle>
@@ -16,7 +16,7 @@
<v-list-item title="Tauri 版本" @click="toOuter('https://next--tauri.netlify.app/')"> <v-list-item title="Tauri 版本" @click="toOuter('https://next--tauri.netlify.app/')">
<template v-slot:prepend> <template v-slot:prepend>
<img <img
class="v-icon" class="config-icon"
src="https://next--tauri.netlify.app/meta/favicon-32x32.png" src="https://next--tauri.netlify.app/meta/favicon-32x32.png"
alt="Tauri" alt="Tauri"
/> />
@@ -27,7 +27,7 @@
</v-list-item> </v-list-item>
<v-list-item title="成就版本"> <v-list-item title="成就版本">
<template v-slot:prepend> <template v-slot:prepend>
<img class="v-icon" src="../assets/icons/achievements.svg" alt="Achievements" /> <img class="config-icon" src="../assets/icons/achievements.svg" alt="Achievements" />
</template> </template>
<template v-slot:append> <template v-slot:append>
<v-list-item-subtitle>{{ achievementsStore.last_version }}</v-list-item-subtitle> <v-list-item-subtitle>{{ achievementsStore.last_version }}</v-list-item-subtitle>
@@ -64,7 +64,7 @@
inset inset
v-model="renderBool" v-model="renderBool"
@click="changeRenderMode" @click="changeRenderMode"
color="#1E96D5" color="#0781D8"
/> />
</template> </template>
</v-list-item> </v-list-item>
@@ -86,14 +86,19 @@
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
// vue
import { onMounted, ref } from "vue"; import { onMounted, ref } from "vue";
import TLoading from "../components/t-loading.vue";
// tauri
import { dialog, fs, app } from "@tauri-apps/api";
// store
import useAppStore from "../store/modules/app"; import useAppStore from "../store/modules/app";
import useAchievementsStore from "../store/modules/achievements"; import useAchievementsStore from "../store/modules/achievements";
import { dialog, fs, app } from "@tauri-apps/api"; // utils
import { BaseDirectory } from "@tauri-apps/api/fs";
import { getDataList } from "../data/init";
import { WriteTGData } from "../utils/TGIndex"; import { WriteTGData } from "../utils/TGIndex";
import TLoading from "../components/t-loading.vue"; // data
import { getDataList } from "../data/init";
// Store // Store
const appStore = useAppStore(); const appStore = useAppStore();
const achievementsStore = useAchievementsStore(); const achievementsStore = useAchievementsStore();
@@ -139,11 +144,11 @@ async function deleteData() {
const res = await dialog.confirm("确定要删除用户数据吗?"); const res = await dialog.confirm("确定要删除用户数据吗?");
if (res) { if (res) {
await fs.removeDir("userData", { await fs.removeDir("userData", {
dir: BaseDirectory.AppLocalData, dir: fs.BaseDirectory.AppLocalData,
recursive: true, recursive: true,
}); });
await fs.removeDir("tempData", { await fs.removeDir("tempData", {
dir: BaseDirectory.AppLocalData, dir: fs.BaseDirectory.AppLocalData,
recursive: true, recursive: true,
}); });
getDataList.map(async item => { getDataList.map(async item => {
@@ -151,8 +156,8 @@ async function deleteData() {
}); });
await dialog.message("用户数据已删除!"); await dialog.message("用户数据已删除!");
await achievementsStore.init(); await achievementsStore.init();
await fs.createDir("userData", { dir: BaseDirectory.AppLocalData }); await fs.createDir("userData", { dir: fs.BaseDirectory.AppLocalData });
await fs.createDir("tempData", { dir: BaseDirectory.AppLocalData }); await fs.createDir("tempData", { dir: fs.BaseDirectory.AppLocalData });
} }
} }
// 删除临时数据 // 删除临时数据
@@ -160,10 +165,10 @@ async function deleteTemp() {
const res = await dialog.confirm("确定要删除临时数据吗?"); const res = await dialog.confirm("确定要删除临时数据吗?");
if (res) { if (res) {
await fs.removeDir("tempData", { await fs.removeDir("tempData", {
dir: BaseDirectory.AppLocalData, dir: fs.BaseDirectory.AppLocalData,
recursive: true, recursive: true,
}); });
await fs.createDir("tempData", { dir: BaseDirectory.AppLocalData }); await fs.createDir("tempData", { dir: fs.BaseDirectory.AppLocalData });
await dialog.message("临时数据已删除!"); await dialog.message("临时数据已删除!");
} }
} }
@@ -180,4 +185,13 @@ async function setDefaultConfig() {
} }
</script> </script>
<style lang="css"></style> <style lang="css">
.config-icon {
width: 40px;
height: 40px;
margin-right: 5px;
padding: 5px;
background: #393b40;
border-radius: 5px;
}
</style>