update

src/oj/achievement/index.vue

@@ -84,6 +84,8 @@ watch(name, load)
 
 <template>
   <div class="hall">
+    <!-- delay 50ms：缓存命中时数据几乎立刻回来，不闪一下转圈 -->
+    <n-spin :show="loading" :delay="50" style="min-height: 240px">
       <n-card v-if="summary">
         <n-flex align="center" :wrap="false" :size="isDesktop ? 32 : 16">
           <n-flex vertical align="center" :size="6">
@@ -92,10 +94,7 @@ watch(name, load)
               :percentage="summary.percent"
               :stroke-width="8"
             >
-            <n-text
-              strong
-              :style="{ fontSize: isDesktop ? '20px' : '14px' }"
-            >
+              <n-text strong :style="{ fontSize: isDesktop ? '20px' : '14px' }">
                 {{ summary.percent }}%
               </n-text>
             </n-progress>
@@ -166,7 +165,10 @@ watch(name, load)
         >
           <n-gi v-for="b in badges" :key="b.id">
             <n-card size="small">
-            <n-thing :title="b.badge?.name" :description="b.badge?.description">
+              <n-thing
+                :title="b.badge?.name"
+                :description="b.badge?.description"
+              >
                 <template #avatar v-if="b.badge?.icon">
                   <n-avatar
                     :size="40"
@@ -192,6 +194,7 @@ watch(name, load)
         </n-grid>
         <n-empty v-else-if="!loading" description="还没有获得任何题单奖章" />
       </template>
+    </n-spin>
   </div>
 </template>