💩 临时用 TJson 组件代替 vue-json-viewer

src/components/app/t-json.vue

@@ -0,0 +1,24 @@
+<template>
+  <div class="tj-box">
+    {{ JSON.stringify(props.data, null, 2) }}
+  </div>
+</template>
+<script lang="ts" setup>
+interface TJsonProps {
+  data: JSON;
+}
+
+const props = defineProps<TJsonProps>();
+</script>
+<style lang="css" scoped>
+.tj-box {
+  overflow: auto;
+  width: 100%;
+  height: 100%;
+  padding: 10px;
+  border: 1px solid var(--common-shadow-2);
+  border-radius: 10px;
+  white-space: pre-wrap;
+  word-break: break-all;
+}
+</style>

src/views/t-anno-json.vue

@@ -3,17 +3,20 @@
   <ToLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
   <div class="anno-json">
     <div class="anno-title">活动列表 JSON</div>
-    <JsonViewer :value="jsonList" copyable boxed />
+    <TJson :data="jsonList" />
+    <!--    <JsonViewer :value="jsonList" copyable boxed />-->
     <div class="anno-title">活动内容 JSON</div>
-    <JsonViewer :value="jsonContent" copyable boxed />
+    <TJson :data="jsonContent" />
+    <!--    <JsonViewer :value="jsonContent" copyable boxed />-->
   </div>
 </template>
 <script lang="ts" setup>
 import { appWindow } from "@tauri-apps/api/window";
 import { ref, onMounted, reactive } from "vue";
-import JsonViewer from "vue-json-viewer";
+// import JsonViewer from "vue-json-viewer";
 import { useRoute } from "vue-router";
 
+import TJson from "../components/app/t-json.vue";
 import TSwitchTheme from "../components/app/t-switchTheme.vue";
 import ToLoading from "../components/overlay/to-loading.vue";
 import TGRequest from "../web/request/TGRequest";

src/views/t-lottery.vue

@@ -48,15 +48,17 @@
     </div>
   </div>
   <div v-if="showJson" class="lottery-json">
-    <JsonViewer :value="jsonData" copyable boxed />
+    <TJson :data="jsonData" />
+    <!--    <JsonViewer :value="jsonData" copyable boxed />-->
   </div>
 </template>
 <script lang="ts" setup>
 import { appWindow } from "@tauri-apps/api/window";
 import { computed, onMounted, onUpdated, reactive, ref } from "vue";
-import JsonViewer from "vue-json-viewer";
+// import JsonViewer from "vue-json-viewer";
 import { useRoute } from "vue-router";
 
+import TJson from "../components/app/t-json.vue";
 import TSwitchTheme from "../components/app/t-switchTheme.vue";
 import ToLoading from "../components/overlay/to-loading.vue";
 import Mys from "../plugins/Mys";

src/views/t-post-json.vue

@@ -3,17 +3,20 @@
   <ToLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
   <div class="post-json">
     <div class="post-title">帖子返回内容 JSON</div>
-    <JsonViewer :value="jsonData" copyable boxed />
+    <!--    <JsonViewer :value="jsonData" copyable boxed />-->
+    <TJson :data="jsonData" />
     <div class="post-title" v-show="!isEmpty">结构化内容解析</div>
-    <JsonViewer v-if="!isEmpty" :value="parseData" copyable boxed />
+    <TJson :data="parseData" v-show="!isEmpty" />
+    <!--    <JsonViewer v-if="!isEmpty" :value="parseData" copyable boxed />-->
   </div>
 </template>
 <script lang="ts" setup>
 import { appWindow } from "@tauri-apps/api/window";
 import { onMounted, reactive, ref } from "vue";
-import JsonViewer from "vue-json-viewer";
+// import JsonViewer from "vue-json-viewer";
 import { useRoute } from "vue-router";
 
+import TJson from "../components/app/t-json.vue";
 import TSwitchTheme from "../components/app/t-switchTheme.vue";
 import ToLoading from "../components/overlay/to-loading.vue";
 import Mys from "../plugins/Mys";

src/views/t-post.vue

@@ -91,7 +91,7 @@
 <script lang="ts" setup>
 import { app } from "@tauri-apps/api";
 import { appWindow } from "@tauri-apps/api/window";
-import { nextTick, onMounted, onUnmounted, ref, watch } from "vue";
+import { nextTick, onBeforeMount, onMounted, onUnmounted, ref, watch } from "vue";
 import { useRoute } from "vue-router";
 
 import TSwitchTheme from "../components/app/t-switchTheme.vue";