From 2df097ccd3b568d077e575b9e254b1bcc2ec6bc1 Mon Sep 17 00:00:00 2001
From: yml <yml@yml.com>
Date: Fri, 5 Jun 2026 21:02:50 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AE=A1=E7=90=86=E5=90=8E=E5=8F=B0=E5=85=AC?=
 =?UTF-8?q?=E5=91=8A=E4=B8=AD=E5=BF=83=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../admin/views/AdminAnnouncementsView.vue    | 47 +++++++++++++++++--
 frontend/src/styles/admin.css                 |  4 +-
 2 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/frontend/src/features/admin/views/AdminAnnouncementsView.vue b/frontend/src/features/admin/views/AdminAnnouncementsView.vue
index 4a2b2a5..403a538 100644
--- a/frontend/src/features/admin/views/AdminAnnouncementsView.vue
+++ b/frontend/src/features/admin/views/AdminAnnouncementsView.vue
@@ -241,19 +241,19 @@ function getStatusType(status: string): '' | 'success' | 'info' | 'warning' {
             {{ row.published_at ? formatDateTime(row.published_at) : '-' }}
           </template>
         </el-table-column>
-        <el-table-column label="操作" width="250" fixed="right">
+        <el-table-column label="操作" width="280" fixed="right">
           <template #default="{ row }">
-            <el-button link type="primary" size="small" @click="handleEdit(row)">
+            <el-button type="primary" size="small" @click="handleEdit(row)" text style="color: #1d6fd6; font-weight: 700;">
               <el-icon><Edit /></el-icon>
               编辑
             </el-button>
-            <el-button v-if="row.status === 'draft'" link type="success" size="small" @click="handlePublish(row)">
+            <el-button v-if="row.status === 'draft'" type="success" size="small" @click="handlePublish(row)" text style="color: #4caf50; font-weight: 700;">
               发布
             </el-button>
-            <el-button v-if="row.status === 'published'" link type="warning" size="small" @click="handleArchive(row)">
+            <el-button v-if="row.status === 'published'" type="warning" size="small" @click="handleArchive(row)" text style="color: #d97706; font-weight: 700;">
               归档
             </el-button>
-            <el-button link type="danger" size="small" @click="handleDelete(row)">
+            <el-button type="danger" size="small" @click="handleDelete(row)" text style="color: #dc2626; font-weight: 700;">
               <el-icon><Delete /></el-icon>
               删除
             </el-button>
@@ -327,4 +327,41 @@ function getStatusType(status: string): '' | 'success' | 'info' | 'warning' {
   justify-content: center;
   margin-top: 20px;
 }
+
+/* 按钮样式 - 使用 :deep() 穿透 */
+:deep(.el-button.is-text.el-button--primary) {
+  color: #409eff !important;
+  font-weight: 600;
+}
+
+:deep(.el-button.is-text.el-button--primary:hover) {
+  color: #66b1ff !important;
+}
+
+:deep(.el-button.is-text.el-button--success) {
+  color: #67c23a !important;
+  font-weight: 600;
+}
+
+:deep(.el-button.is-text.el-button--success:hover) {
+  color: #85ce61 !important;
+}
+
+:deep(.el-button.is-text.el-button--warning) {
+  color: #e6a23c !important;
+  font-weight: 600;
+}
+
+:deep(.el-button.is-text.el-button--warning:hover) {
+  color: #ebb563 !important;
+}
+
+:deep(.el-button.is-text.el-button--danger) {
+  color: #f56c6c !important;
+  font-weight: 600;
+}
+
+:deep(.el-button.is-text.el-button--danger:hover) {
+  color: #f78989 !important;
+}
 </style>
diff --git a/frontend/src/styles/admin.css b/frontend/src/styles/admin.css
index 651492f..5f3ccd3 100644
--- a/frontend/src/styles/admin.css
+++ b/frontend/src/styles/admin.css
@@ -339,14 +339,14 @@
 }
 
 /* ========== Button Enhancements ========== */
-.el-button--primary {
+.el-button--primary:not(.is-text) {
   font-weight: 700 !important;
   --el-button-text-color: #ffffff;
   --el-button-hover-text-color: #ffffff;
   --el-button-active-text-color: #ffffff;
 }
 
-.el-button--primary span {
+.el-button--primary:not(.is-text) span {
   color: #ffffff !important;
   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
   font-weight: 700;