From f3486bf3c83bab400dd7818bdfac88c6c4f74c25 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Tue, 4 Nov 2025 11:47:39 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=88=9D=E5=A7=8B=E7=8A=B6?=
 =?UTF-8?q?=E6=80=81=E4=B8=BA=E5=8A=A0=E8=BD=BD=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/components/DevelopNews.vue | 14 +++++++-------
 app/pages/article/index.vue    |  7 +++----
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/app/components/DevelopNews.vue b/app/components/DevelopNews.vue
index 0b14985..7bc7d0e 100644
--- a/app/components/DevelopNews.vue
+++ b/app/components/DevelopNews.vue
@@ -11,7 +11,7 @@ interface NewsCategory {
 
 // 响应式数据
 const newsData = ref<NewsCategory[]>([])
-const loading = ref(false)
+const loading = ref(true) // 初始为 true，避免渲染时机问题
 const error = ref('')
 
 // 文章类型配置
@@ -117,7 +117,7 @@ onMounted(() => {
     <div v-else-if="error" class="text-center py-12">
       <div class="text-red-600 text-lg mb-5">加载失败: {{ error }}</div>
       <button
-          class="inline-block px-5 py-2.5 bg-blue-600 hover:bg-blue-700 text-white text-base font-normal rounded transition-all duration-150 ease-in-out cursor-pointer border border-transparent"
+          class="inline-block px-5 py-2.5 bg-primary-600 hover:bg-primary-700 text-white text-base font-normal rounded transition-all duration-150 ease-in-out cursor-pointer border border-transparent"
           @click="fetchNewsData">
         重新加载
       </button>
@@ -135,12 +135,12 @@ onMounted(() => {
 
         <!-- 分类标题 -->
         <div class="flex items-center justify-between mb-5">
-          <div :title="category.name" class="text-xl lg:text-2xl text-blue-600">
+          <div :title="category.name" class="text-xl lg:text-2xl text-primary-600">
             {{ category.name }}
           </div>
           <a
             :href="`/article?code=${category.code}`"
-            class="text-sm text-blue-600 hover:text-blue-800 hover:underline transition-colors"
+            class="text-sm text-primary-600 hover:text-primary-800 hover:underline transition-colors"
           >
             查看更多
           </a>
@@ -172,9 +172,9 @@ onMounted(() => {
       </div>
     </div>
 
-    <!-- 空状态 -->
+    <!-- 空状态：仅在请求完成且确实无数据时显示 -->
     <div v-if="!loading && !error && newsData.length === 0" class="text-center py-12">
-      <div class="text-gray-600 text-lg">暂无新闻数据</div>
+      <div class="text-gray-600 text-lg">暂无文章</div>
       <div class="py-12"/>
     </div>
 
@@ -182,7 +182,7 @@ onMounted(() => {
     <div v-if="!loading && !error && newsData.length > 0" class="text-center mt-0 mb-4">
       <a
         href="/article"
-        class="inline-block px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white text-base font-medium rounded-lg transition-all duration-150 ease-in-out no-underline hover:shadow-lg"
+        class="inline-block px-6 py-3 bg-primary-600 hover:bg-primary-700 text-white text-base font-medium rounded-lg transition-all duration-150 ease-in-out no-underline hover:shadow-lg"
       >
         查看全部文章
       </a>
diff --git a/app/pages/article/index.vue b/app/pages/article/index.vue
index 2703858..229afa3 100644
--- a/app/pages/article/index.vue
+++ b/app/pages/article/index.vue
@@ -10,7 +10,7 @@ const code = computed(() => route.query.code as string | undefined)
 
 // 响应式数据
 const articles = ref<Article[]>([])
-const loading = ref(false)
+const loading = ref(true)
 const error = ref('')
 const page = ref(1)
 const pageSize = ref(5)
@@ -108,7 +108,7 @@ onMounted(() => {
 
       <!-- 错误状态 -->
       <div v-else-if="error" class="text-center py-20">
-        <div class="text-red-600 text-lg mb-6">{{ error }}</div>
+        <div class="text-error-600 text-lg mb-6">{{ error }}</div>
         <UButton @click="fetchArticles" color="primary">
           重新加载
         </UButton>
@@ -133,7 +133,6 @@ onMounted(() => {
             spotlight-color="primary"
             highlight
             highlight-color="primary"
-
         >
           <!-- 默认图片占位 -->
           <div class="object-cover aspect-[4/3] w-full bg-gradient-to-br from-primary-100 to-primary-200 flex items-center justify-center rounded-lg">
@@ -160,7 +159,7 @@ onMounted(() => {
         </UPageCard>
       </div>
 
-      <!-- 空状态 -->
+      <!-- 空状态  -->
       <div v-else class="text-center py-20">
         <div class="text-gray-600 text-lg">暂无文章</div>
       </div>