💄 先把所有用到 loading 的给转了一下

src/views/t-anno-json.vue

@@ -1,9 +1,7 @@
 <template>
   <TSwitchTheme />
-  <div v-if="loading">
-    <TLoading :empty="loadingEmpty" :title="loadingTitle" />
-  </div>
-  <div v-else class="anno-json">
+  <TLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
+  <div class="anno-json">
     <div class="anno-title">
       活动列表 JSON
     </div>

src/views/t-anno.vue

@@ -1,10 +1,8 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <TSwitchTheme />
-  <div v-if="loading" class="loading">
-    <TLoading :title="loadingTitle" :empty="loadingEmpty" />
-  </div>
-  <div v-else class="anno-body">
+  <TLoading v-model="loading" :title="loadingTitle" :empty="loadingEmpty" />
+  <div class="anno-body">
     <div class="anno-title">
       {{ annoData.title }}
     </div>
@@ -47,6 +45,7 @@ onMounted(async () => {
   }
   // 获取数据
   loadingTitle.value = "正在获取数据...";
+  loading.value = true;
   try {
     annoData.value = await TGRequest.Anno.getContent(annoId);
     loadingTitle.value = "正在渲染数据...";
@@ -58,7 +57,7 @@ onMounted(async () => {
   }
   setTimeout(() => {
     loading.value = false;
-  }, 200);
+  }, 1200);
 });
 </script>
 <style lang="css" src="../assets/css/anno-parser.css" scoped />

src/views/t-lottery.vue

@@ -1,8 +1,6 @@
 <template>
   <TSwitchTheme />
-  <div v-if="loading">
-    <TLoading :empty="loadingEmpty" :title="loadingTitle" />
-  </div>
+  <TLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
   <div v-else>
     <div class="lottery-div">
       <div class="lottery-title">

src/views/t-news.vue

@@ -1,8 +1,6 @@
 <template>
-  <div v-show="loading">
-    <TLoading :title="loadingTitle" />
-  </div>
-  <div v-show="!loading">
+  <div>
+    <TLoading v-model="loading" :title="loadingTitle" />
     <v-tabs v-model="tab" align-tabs="start" class="news-tab">
       <v-tab value="notice">
         公告

src/views/t-post-json.vue

@@ -1,9 +1,7 @@
 <template>
   <TSwitchTheme />
-  <div v-if="loading">
-    <TLoading :empty="loadingEmpty" :title="loadingTitle" />
-  </div>
-  <div v-else class="post-json">
+  <TLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
+  <div class="post-json">
     <div class="post-title">
       帖子返回内容 JSON
     </div>

src/views/t-post.vue

@@ -1,10 +1,8 @@
 <!-- eslint-disable vue/no-v-html -->
 <template>
   <TSwitchTheme />
-  <div v-if="loading">
-    <TLoading :empty="loadingEmpty" :title="loadingTitle" />
-  </div>
-  <div v-else class="mys-post-body" v-html="postHtml" />
+  <TLoading v-model="loading" :empty="loadingEmpty" :title="loadingTitle" />
+  <div class="mys-post-body" v-html="postHtml" />
 </template>
 <script lang="ts" setup>
 // vue