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

🌱 公告解析重构

Browse Source
This commit is contained in:
目棃
2024-08-13 20:07:55 +08:00
parent 46214a6d64
commit 9fb95c6ade
7 changed files with 398 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/t-anno-json.vue
View File

@@ -9,7 +9,6 @@
</div>
</template>
<script lang="ts" setup>
import { webviewWindow } from "@tauri-apps/api";
import { ref, onMounted, reactive } from "vue";
import JsonViewer from "vue-json-viewer";
import { useRoute } from "vue-router";

17
src/views/t-anno.vue
View File

@@ -9,7 +9,7 @@
:title="annoTitle"
/>
<ToLoading v-model="loading" :title="loadingTitle" :subtitle="loadingSub" :empty="loadingEmpty" />
<div class="anno-body">
<div class="anno-body" v-if="annoData">
<div class="anno-info">AnnoID: {{ annoId }} | Render by TeyvatGuide v{{ appVersion }}</div>
<div class="anno-title">
{{ annoData.title }}
@@ -17,8 +17,10 @@
<div class="anno-subtitle">
{{ parseText(annoData.subtitle) }}
</div>
<img v-if="annoData.banner !== ''" :src="annoBanner" alt="cover" class="anno-img" />
<div class="anno-content" v-html="annoHtml" />
<!-- <div class="anno-content" v-html="annoHtml" />-->
<div class="anno-content">
<TaParser :data="annoData" />
</div>
</div>
</template>
<script lang="ts" setup>
@@ -26,16 +28,15 @@ import { app, webviewWindow } from "@tauri-apps/api";
import { ref, onMounted, watch, onUnmounted } from "vue";
import { useRoute } from "vue-router";
import TaParser from "../components/anno/ta-parser.vue";
import TSwitchTheme from "../components/app/t-switchTheme.vue";
import TShareBtn from "../components/main/t-shareBtn.vue";
import ToLoading from "../components/overlay/to-loading.vue";
import { useAppStore } from "../store/modules/app.js";
import TGLogger from "../utils/TGLogger.js";
import { saveImgLocal } from "../utils/TGShare.js";
import { createTGWindow } from "../utils/TGWindow.js";
import { AnnoLang, AnnoServer } from "../web/request/getAnno.js";
import TGRequest from "../web/request/TGRequest.js";
import TGUtils from "../web/utils/TGUtils.js";
// loading
const loading = ref<boolean>(true);
@@ -54,9 +55,7 @@ const annoId = Number(route.params.anno_id);
const region = <AnnoServer>route.params.region;
const lang = <AnnoLang>route.params.lang;
const appVersion = ref<string>();
const annoData = ref<TGApp.BBS.Announcement.ContentItem>(<TGApp.BBS.Announcement.ContentItem>{});
const annoHtml = ref<string>();
const annoBanner = ref<string>();
const annoData = ref<TGApp.BBS.Announcement.ContentItem | undefined>();
onMounted(async () => {
appVersion.value = await app.getVersion();
@@ -72,8 +71,6 @@ onMounted(async () => {
try {
annoData.value = await TGRequest.Anno.getContent(annoId, region, lang);
loadingTitle.value = "正在渲染数据...";
annoHtml.value = await TGUtils.Anno.parseContent(annoData.value.content);
if (annoData.value.banner !== "") annoBanner.value = await saveImgLocal(annoData.value.banner);
annoTitle.value = `Anno_${annoId}`;
await webviewWindow
.getCurrentWebviewWindow()